Javascript 如何更改鼠标悬停在文本链接上时显示得更大_Javascript_Html_Css

Javascript 如何更改鼠标悬停在文本链接上时显示得更大

javascript html css

Javascript 如何更改鼠标悬停在文本链接上时显示得更大,javascript,html,css,Javascript,Html,Css,在这里，我想让链接文本在鼠标移到上面时显示得更大，因为我已经应用了属性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

在这里，我想让链接文本在鼠标移到上面时显示得更大，因为我已经应用了属性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>


函数大（x）{
x、 style.color=“红色”；
x、 style.fontsize=“40px”；
}
函数小（x）{
x、 style.color=“白色”；
x、 style.fontsize=20px；}

在那里，一切都被网络化了。。。

这不需要JS。您可以使用CSS：

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

使用JS编辑非单字CSS规则时，需要使用：

注意大写字母S

试试这个：

x.style.fontSize = "20px";

让s字母大写-字体大小

还将脚本标记为

<script type="text/javascript">

使用CSS悬停。a:hover{font-size:40px；}但是js代码的问题是什么。你试着把它改成camelCase了吗？答案海报不仅为你提供了一个更简单更好的解决方案，而且还说明了你的JS代码中的问题。谢谢，问题解决了。camelCase是否强制用于命名javascript变量？？？@SinghRajputKushagra camelCase用于通常有

的地方，通常在CSS中使用（

camelCase

camelCase

）

<script type="text/javascript">