js实现鼠标点击（非a:hover,a:link,a:visited,a:active）的样式切换效果

最新推荐文章于 2022-08-19 20:08:23 发布

szlxyes

最新推荐文章于 2022-08-19 20:08:23 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/szlxyes/article/details/4311573

版权

js:

function changeBg(link)
{
var alllinks=document.getElementById("mylink").getElementsByTagName("a");
for(var i=0;i<alllinks.length;i++){
alllinks[i].className="titlelink";//默认未点击时引用的样式
}
link.className="titlelink_copy";//点击切换样式
}

css:

.titlelink,.titlelink_copy{
color:#000000;
text-decoration:none;
border:1px #bce87d solid;
padding:2px 2px 1px 2px;
font-weight:bold;
font-size:16px
}

.titlelink{background:#f8f8f8;}
.titlelink_copy{background:#bce87d;}

原文地址：http://hi.baidu.com/baozhipengwdz/blog/item/23d54a2414c9f23ac89559b9.html

szlxyes

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现鼠标点击（非a:hover,a:link,a:visited,a:active）的样式切换效果

js:function changeBg(link){var alllinks=document.getElementById("mylink").getElementsByTagName("a");for(var i=0;i alllinks[i].className="titlelink";//默认未点击时引用的样式}link.className="titl
复制链接

扫一扫