HTML鼠标事件 100
上图效果是随着鼠标移动，网上商城的背景色随鼠标滑动，我现在需要的效果是，当鼠标点击后，背景不在随鼠标移动而改变，就是当我点击网站首页后，背景色固定在网站首页上，鼠标移动到...
上图效果是随着鼠标移动，网上商城的背景色随鼠标滑动，我现在需要的效果是，当鼠标点击后，背景不在随鼠标移动而改变，就是当我点击网站首页后，背景色固定在网站首页上，鼠标移动到导航其他分类时，背景不变
效果可参考360导航首页那里的样子 展开
效果可参考360导航首页那里的样子 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function(){
var divs = document.getElementsByTagName("div");
var len = divs.length;
for(var i=0;i<len;i++){
divs[i].onclick = function(){
for(var j=0;j<len;j++){
divs[j].style.backgroundColor = "black";
}
this.style.backgroundColor = "red";
};
}
};
</script>
</head>
<body>
<div id="div1" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div2" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div3" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div4" style="width:100px;height:100px;background:black;margin:10px;"></div>
</body>
</html>
<html>
<head>
<script>
window.onload = function(){
var divs = document.getElementsByTagName("div");
var len = divs.length;
for(var i=0;i<len;i++){
divs[i].onclick = function(){
for(var j=0;j<len;j++){
divs[j].style.backgroundColor = "black";
}
this.style.backgroundColor = "red";
};
}
};
</script>
</head>
<body>
<div id="div1" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div2" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div3" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div4" style="width:100px;height:100px;background:black;margin:10px;"></div>
</body>
</html>
追问
能不能给我解释下
var divs = document.getElementsByTagName("div");
下面html中id="div1"和此处“div”，是一个吗？还是全局div样式啊，如果我修改了div1上面js是不是用不了了。,这里的div让我和js中的div混了
追答
是全局的 你这种可以直接去百度找个样式的 不用什么都过来知道问人， 一般很少人会去回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这些伪类其他标签也可以使用
:link 有链接属性时
:visited 链接地址已被访问过
:active 被用户激活(在鼠标点击与释放之间发生的事件)
:hover 其鼠标悬停
上面这些，就能够实现你需要的功能
:link 有链接属性时
:visited 链接地址已被访问过
:active 被用户激活(在鼠标点击与释放之间发生的事件)
:hover 其鼠标悬停
上面这些，就能够实现你需要的功能
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
