关于HTML中onClick和onMouseOver、Out问题 20
我现在想做这样一个效果，有多个图标，如果鼠标悬停样式就变化成一种，如果点击了一个，被点击的样式就会变化，但是onMouseOver、Out就不会触发了，没有被点击的那些图...
我现在想做这样一个效果，有多个图标，如果鼠标悬停样式就变化成一种，如果点击了一个，被点击的样式就会变化，但是onMouseOver、Out就不会触发了，没有被点击的那些图标是可以继续有这三个事件的。详细的可以参考下win7桌面图标的效果，请问有什么办法吗？我设置了OnClick属性，但是一移开就会触发onMouseOut事件
展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Jay 跨锐</title>
<style type="text/css">
div {
width: 100px;
height: 100px;
float: left;
}
div:hover {
background-color: red;
}
</style>
<script type="text/javascript">
window.onload = function ()
{
var divs = document.getElementsByTagName ('div');
for ( var i = 0; i < divs.length; i++)
{
divs[i].onclick = function ()
{
this.style.backgroundColor = 'green';
}
}
}
</script>
</head>
<body>
<div id="a">aaaaa</div>
<div id="b">bbbbb</div>
<div id="c">cccccc</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
