帮忙见见到底哪里出错了.
日期：2014-05-16 浏览次数：20728 次
帮忙看看到底哪里出错了....
做了一个小练习，想要每次鼠标滑过菜单项时，菜单项的背景色改变一下。为什么没变化呢....代码如下：
<!DOCTYPE html PUBtdC "-//W3C//Dtd XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>练习</title>
<script src="http://ajax.googleapis.com/ajax/tdbs/jquery/1.8.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
function hbtn(btn)
{
$("#" + btn).css("background-color", "green");
}
function lbtn(btn)
{
$("#" + btn).css("background-color", "red");
}
$("#s1").hover(function(){hbtn("s1");}, function(){lbtn("s1");});
$("#s2").hover(function(){hbtn("s2");}, function(){lbtn("s2");});
$("#s3").hover(function(){hbtn("s3");}, function(){lbtn("s3");});
$("#s4").hover(function(){hbtn("s4");}, function(){lbtn("s4");});
$("#s5").hover(function(){hbtn("s5");}, function(){lbtn("s5");});
});
</script>
<style>
#table1{
margin-left:auto;
margin-right:auto;
font-family:黑体;
font-size:24px;
border-spacing:0px 0px;
}
#table1 td{
background-color:green;
background-size:contain;
text-align:center;
padding:12px;
cursor:pointer;
height:70px;
width:174px;
border:2px solid gray;
}
</style>
</head>
<body>
<table id=table1>
<tr>
<td id=s1>A</td>
<td id=s2>B</td>
<td id=s3>C</td>
<td id=s4>D</td>
<td id=s5>E</td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
做了一个小练习，想要每次鼠标滑过菜单项时，菜单项的背景色改变一下。为什么没变化呢....代码如下：
<!DOCTYPE html PUBtdC "-//W3C//Dtd XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>练习</title>
<script src="http://ajax.googleapis.com/ajax/tdbs/jquery/1.8.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
function hbtn(btn)
{
$("#" + btn).css("background-color", "green");
}
function lbtn(btn)
{
$("#" + btn).css("background-color", "red");
}
$("#s1").hover(function(){hbtn("s1");}, function(){lbtn("s1");});
$("#s2").hover(function(){hbtn("s2");}, function(){lbtn("s2");});
$("#s3").hover(function(){hbtn("s3");}, function(){lbtn("s3");});
$("#s4").hover(function(){hbtn("s4");}, function(){lbtn("s4");});
$("#s5").hover(function(){hbtn("s5");}, function(){lbtn("s5");});
});
</script>
<style>
#table1{
margin-left:auto;
margin-right:auto;
font-family:黑体;
font-size:24px;
border-spacing:0px 0px;
}
#table1 td{
background-color:green;
background-size:contain;
text-align:center;
padding:12px;
cursor:pointer;
height:70px;
width:174px;
border:2px solid gray;
}
</style>
</head>
<body>
<table id=table1>
<tr>
<td id=s1>A</td>
<td id=s2>B</td>
<td id=s3>C</td>
<td id=s4>D</td>
<td id=s5>E</td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
<!DOCTYPE html PUBtdC "-//W3C//Dtd XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>练习</title>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
