如何点击某链接后,使该连接的class改变 在css中把active 和 hover设置成一样就OK了 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <a href="www.csdn.net" class="csdn" onclick="this.class='hello'">www.csdn.net</a>这样行不? 1楼的,你的方法是不行的, 如果页面不刷新倒是可以,比如用框架的。4楼的方法也不行。不过倒是启发了我。我想可能是因为 href 比 onclick 优先吧,所以onclick并不执行。但是我想应该可以把onclick 移到li里面。可惜给li加class属性失败了。相关html代码和css代码如下<div id="nav"><ul><li id="tabnav_btn_0" onmouseover="tabit(this)"><a href="[!--news.url--]">首页</a></li><li ...>...</li></ul>#nav ul{position:absolute;top:29px;list-style:none;left: 250px;}#nav ul li{float:left; display:block;}#nav ul li a{color:#336666; padding:0 12px 0 12px;text-align:center;text-decoration:none;height:46px;display:block;font:bold 14px/36px "Microsoft Yahei","Microsoft JhengHei",sans-serif;background:#E4F8F7 url(img/main_r2_c9.png) repeat-x 0 0;}#nav ul li a.home{color:#FFFFFF; background:#E4F8F7 url(img/main_r2_c10.png) repeat-x 0 0;}#nav ul li.home{background:#E4F8F7 url(img/main_r2_c10.png) repeat-x 0 0;}#nav ul li a:hover{background:url(img/main_r2_c10.png) repeat-x 0 0 #CCCCCC;color:#FFFFFF;}现在大家帮忙看看,为什么给li 加上class="home"会没有效果,而给a加上却能正常显示呢?另外,如果给li 加上onclick 属性,能够被执行吗?因为li里面有a,我不确定a的优先权是否更高……如果不能解决,有没有其他高手能解决?如果不明白我想要实现什么,麻烦到 www.leedsren.com 点击导航菜单,然后看看导航菜单有没有变化 (应该是点击哪个导航菜单,哪个导航菜单会有被选中的效果,而现在没有任何效果,只在hover的时候有) 这类效果用jquery来做非常简单,并且我的blog上有类似的例子。http://blog.xiaobing.org 估计你的CSS的选择符写得有问题 你在li标签当中加入<li class="home">吗? 尽管我去了www.leedsren.com也没有发现鼠标放上去,和点击的时候有什么区别?难道是多了两条虚线,还请lz不要急,呵呵。 呵呵,你处理onclick事件 function changeback(obj1){//单击的时候obj1.style.backgroundImage="url("+"your.gif"+")";//your.gif是你的图片的名字}把这个事件加在li标签里边 或者为了达到效果你改变背景色function changeback(obj1){//单击的时候obj1.style.background="#F56789";//your.gif是你的图片的名字}把这个事件加在li标签里边 好像不行啊, 我把你的function加到了最顶上的js文件里面代码如下:function changeback(obj1){ obj1.style.backgroundImage="url("+"img/main_r2_c10.png"+")";} 在首页的菜单代码改为<li id="tabnav_btn_0" onmouseover="tabit(this)" onclick="changeback(this)"><a href="[!--news.url--]" >首页</a></li>没有任何效果。不明白~~难道因为有a,点击li不被记录? 关于工作流表单设计器设计的问题 body中把div隐藏起来的问题,在线等 【JS中 **Util什么意思?】 IE FIREFOX兼容问题 并散发 关于javascript调用iframe对象的问题。 求循环显示图片并可以通过按钮控制的代码. 能不能在一个页面中用一条语句将调用这个页的框架去掉啊,马上给分!!! 做了一个模拟窗口,问题是有什么好的办法让拖动标题的时候也使整个窗口拖动? 还是简单问题。 请问如何使用window.open打开一个空白的窗口呢? 关于ajax跨域访问的问题 如何在一个frame的文本框中输入网址后在另一个frame中显示指定的网址?
这样行不?
<li id="tabnav_btn_0" onmouseover="tabit(this)"><a href="[!--news.url--]">首页</a></li>
<li ...>...</li></ul>
#nav ul{position:absolute;top:29px;list-style:none;left: 250px;}
#nav ul li{float:left; display:block;}
#nav ul li a{color:#336666; padding:0 12px 0 12px;text-align:center;text-decoration:none;height:46px;display:block;font:bold 14px/36px "Microsoft Yahei","Microsoft JhengHei",sans-serif;background:#E4F8F7 url(img/main_r2_c9.png) repeat-x 0 0;}
#nav ul li a.home{color:#FFFFFF; background:#E4F8F7 url(img/main_r2_c10.png) repeat-x 0 0;}
#nav ul li.home{background:#E4F8F7 url(img/main_r2_c10.png) repeat-x 0 0;}
#nav ul li a:hover{background:url(img/main_r2_c10.png) repeat-x 0 0 #CCCCCC;color:#FFFFFF;}现在大家帮忙看看,为什么给li 加上class="home"会没有效果,而给a加上却能正常显示呢?另外,如果给li 加上onclick 属性,能够被执行吗?因为li里面有a,我不确定a的优先权是否更高……如果不能解决,有没有其他高手能解决?如果不明白我想要实现什么,麻烦到 www.leedsren.com 点击导航菜单,然后看看导航菜单有没有变化 (应该是点击哪个导航菜单,哪个导航菜单会有被选中的效果,而现在没有任何效果,只在hover的时候有)
难道是多了两条虚线,还请lz不要急,呵呵。
function changeback(obj1){
//单击的时候
obj1.style.backgroundImage="url("+"your.gif"+")";//your.gif是你的图片的名字
}
把这个事件加在li标签里边
function changeback(obj1){
//单击的时候
obj1.style.background="#F56789";//your.gif是你的图片的名字
}
把这个事件加在li标签里边
好像不行啊, 我把你的function加到了最顶上的js文件里面代码如下:function changeback(obj1){
obj1.style.backgroundImage="url("+"img/main_r2_c10.png"+")";
}
在首页的菜单代码改为<li id="tabnav_btn_0" onmouseover="tabit(this)" onclick="changeback(this)"><a href="[!--news.url--]" >首页</a></li>没有任何效果。不明白~~难道因为有a,点击li不被记录?