如何让2个不同的a标签点击时显示不同颜色

qq_26707505 2015-04-16 08:43:06

例如这个怎么使这两个变成不同的色
用css来解决

...全文

384 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Thanks_Jay 2015-04-17

打赏
举报

把a标记加多一个class，两个就两个不同的class，然后在style里面写鼠标行为a:hour,a:link什么的就行了

滴滴月空雨 2015-04-17

打赏
举报

每个a 加个类，单独定义颜色就可以，同2楼……

JPF1024 2015-04-16

打赏
举报


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<a href="javascript:void(0)" onclick="changecolor(this,'#cccccc')">第一个颜色</a>
<a href="javascript:void(0)" onclick="changecolor(this,'#00ff00')">第二个颜色</a>
</body>
<script>
    function changecolor(obj,colors){
        $(obj).css({"color":colors});
    }
</script>
</html>

试试看

天际的海浪 2015-04-16

打赏
举报

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面名称</title> <style type="text/css"> a.s1 {color: #3333ff; } a.s1:hover {color: #990000;} a.s1:active {color: #ff0000;} a.s2 {color: #006666; } a.s2:hover {color: #ffcc33;} a.s2:active {color: #ff33cc;} </style> </head> <body> <a href="#" class="s1">0000001</a> <a href="#" class="s2">0000002</a> </body> </html>