Как изменить текстовую ссылку при увеличении мыши над ней

Здесь я хочу, чтобы текст ссылки появлялся больше, когда мышь над ним, для этого я применил свойство x.style.fontsize = "40px"; но не могу этого сделать. Я хочу выяснить, что в этом плохого и как я могу это сделать ?????????Как изменить текстовую ссылку при увеличении мыши над ней

<script> 
function big(x){ 
x.style.color = "red"; 
x.style.fontsize = "40px"; 
} 
function small(x){ 
x.style.color = "white"; 
x.style.fontsize =20px;} 

</script> 
<meta http-equiv="content-Type" content="text/html; charset=utf-8" /> 
<link rel= "stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" /> 
</head> 
<body> 
<img src="tree.jpg" width="1340px"style="position:absolute;top:0px;height:655px"> 
<img src="logo.gif" height="200" width="180px"style="position:absolute;top:265px;left:600px"> 
<div="logo1" style="position:fixed"> 
<div id="logo" style="width:1340px;height:125px;background-color:BLACK;opacity:0.7"></div> 
<img src="logo3.gif" alt ="vstudy" "height="150px" width="130px" style="position:absolute;left:0px;top:8px"> 
<p> 
<span class ="home" style ="position:absolute;left:150px;top:50px;font-weight:bolder;color:white;font-size:18px">Where things go cyberneted...</span> 
<span><a href="#" style="text-decoration:none;position:absolute;right:568px;top:50px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">HOME</a></span> 
<span><a href="#" style="text-decoration:none;position:absolute;right:440px;top:50px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">OUR MISSION</a></span> 
<span><a href="#" style="text-decoration:none;position:absolute;right:240px;top:50px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">PRODUCTS & SERVICES</a></span> 
<span><a href="#" style="text-decoration:none;position:absolute;right:140px;top:50px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">ABOUT US</a></span> 
<span><a href="#" style="text-decoration:none;position:absolute;right:20px;top:50px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">CONTACT US</a></span> 
</p> 
</div> 
</html>

источник

2015-06-03 Kushagra Singh Rajput

Использование CSS парении. a: hover {font-size: 40px; } –

Для этого вам не нужен JS. Вы можете использовать CSS:

a{ 
    font-size:20px; 
} 
a:hover{ 
    font-size:40px; 
}

При редактировании Немонокристаллические правил слово CSS с JS, вам нужно использовать camelCase:

x.style.fontSize:40px;

Обратите внимание на капитал S

источник

2015-06-03 15:50:09

, но в чем проблема с js-кодом. Могу ли вы плз помочь мне –

Вы пытались изменить его на camelCase? –

Ответный плакат также не предоставил вам более простое и лучшее решение, но также указал, что проблема была в вашем JS-коде. – lucasnadalutti

Попробуйте это:

x.style.fontSize = "20px";

есть буквы s в верхнем регистре - fontSize

также сценарий тег, как

<script type="text/javascript">

источник

2015-06-03 15:54:17

Как изменить текстовую ссылку при увеличении мыши над ней

ответ

Смежные вопросы