js问题:怎么让鼠标指上去背景变色
展开全部
<html>
<head>
<title>鼠标放上链接改变网页背景颜色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
function goHist(a)
{
history.go(a);
}
</script>
</head>
<body>
<center>
<h2>鼠标放到相应链接上看看!</h2>
<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">
<tr><td align=center>
<a href="#" onMouseOver="document.bgColor='skyblue'">天空蓝</a>
<a href="#" onMouseOver="document.bgColor='red'">大红色</a>
<a href="#"onMouseOver="document.bgColor='#0066CC'">清新蓝</a>
</td></tr>
</table>
</center>
</body>
</html>
展开全部
用以下两个事件,可以实现
onmouseenter="bgChange(this)" 鼠标移入该元素
onmouseleave="" 鼠标移出该元素
function bgChange(x){
x.style.backgroundColor= "red";
}
onmouseenter="bgChange(this)" 鼠标移入该元素
onmouseleave="" 鼠标移出该元素
function bgChange(x){
x.style.backgroundColor= "red";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
使用a:hover,代码如下:
<style type="text/css">
#outer {
margin:0 auto;
width:286px;
}
#outer a {
display:block;
background:#000;
}
#outer a:hover {background:#EE9309;}
</style>
<div id="outer"><a href="#">12</a>
</div>
<style type="text/css">
#outer {
margin:0 auto;
width:286px;
}
#outer a {
display:block;
background:#000;
}
#outer a:hover {background:#EE9309;}
</style>
<div id="outer"><a href="#">12</a>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询