首页 > web前端 > html教程 > 如何让2个不同的a标签点击时显示不同颜色_html/css_WEB-ITnose

如何让2个不同的a标签点击时显示不同颜色_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:14:29
原创
2107 人浏览过

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


回复讨论(解决方案)

nbsp;html>



页面名称



0000001
0000002


<!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>
登录后复制

试试看

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板