html怎样设置超链接点击过后整个层都变颜色?

发布网友 发布时间：2022-03-26 11:20

我来回答

共4个回答

热心网友 时间：2022-03-26 12:49

<div><a href="#" id="link">点我改变颜色</a></div>
<script>
    var link=document.getElementById("link");//获取a对象
    link.onclick=function(){//a 标签点击时调用的函数
        this.parentNode.style.backgroundColor="#f00";//a标签的父级元素即div改变背景颜色
        return false;//取消a标签的默认跳转方式
    }
</script>

追问谢谢，能是能，就是一个大层只能用一次，但我里面有好多小层都要用到这些，请问还有什么办法吗？

热心网友 时间：2022-03-26 14:07

这个一般用JavaScript来做，兼容浏览器的话用jQuery
<script type="text/javascript">
$(function () {
$("div").click(function () { $(this).css("background", "red"); $(this).siblings("div").css("background", "white"); });
});
</script>

热心网友 时间：2022-03-26 15:42

用Jquery,在 click事件添加改变层的CSS追问麻烦你能不能写详细点，我是初学者不怎么懂，能不能帮我举个列子？

热心网友 时间：2022-03-26 17:33

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#a").click(function () {
$("#div_area").css("background-color", "gray");
});
});
</script>
以上是jquery,

下是html：
<div>
<div style="height: 100px; width: 300px; border: solid 1px gray;">
</div>
<div id="div_area" style="height: 100px; width: 300px; border: solid 1px gray;">
<a href="#" id="a">超链接</a>
</div>
</div>