用JS循环A标签在鼠标点击之后背景变颜色
展开全部
是这种效果吗
<style>
a{background:pink;}
</style>
<script type="text/javascript">
window.onload=function(){
var oA=document.getElementsByTagName('a');
for(var i=0;i<oA.length;i++){
oA[i].onclick=function() {
for(var i=0;i<oA.length;i++){
oA[i].style.background="";
}
this.style.background='yellow';
}
}
}
</script>
</head>
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
</body>
<style>
a{background:pink;}
</style>
<script type="text/javascript">
window.onload=function(){
var oA=document.getElementsByTagName('a');
for(var i=0;i<oA.length;i++){
oA[i].onclick=function() {
for(var i=0;i<oA.length;i++){
oA[i].style.background="";
}
this.style.background='yellow';
}
}
}
</script>
</head>
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看下这个代码是不是你想要的，不行你再HI我或Q我好了：
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
<style type="text/css">
a{
color:#FF0000
}
</style>
<script type="text/javascript">
var aA=document.getElementsByTagName('a');
for(var i=0;i<aA.length;i++){
aA[i].onmouseover=function()
{
this.style.color='blue';
}
aA[i].onmouseout=function()
{
this.style.color='red';
}
}
</script>
</body>
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
<style type="text/css">
a{
color:#FF0000
}
</style>
<script type="text/javascript">
var aA=document.getElementsByTagName('a');
for(var i=0;i<aA.length;i++){
aA[i].onmouseover=function()
{
this.style.color='blue';
}
aA[i].onmouseout=function()
{
this.style.color='red';
}
}
</script>
</body>
本回答被提问者和网友采纳
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
