问题描述
<divid="index_top_0"><ulid="index_top_1"><liid="index_top_2"><imgsrc="111.gif"width="10"height="20"/></li><liclass="index_top_3"onmouseover="javascript:this.className='index_top_3_0'"onmouseout="javascript:this.className='index_top_3'"onclick="javascript:location='1.html'"></li><liclass="index_top_4"onmouseover="javascript:this.className='index_top_4_0'"onmouseout="javascript:this.className='index_top_4'"onclick="javascript:location='2.html'"></li><liclass="index_top_5"onmouseover="javascript:this.className='index_top_5_0'"onmouseout="javascript:this.className='index_top_5'"onclick="javascript:location='3.html'"></li><liclass="index_top_6"onmouseover="javascript:this.className='index_top_6_0'"onmouseout="javascript:this.className='index_top_6'"onclick="javascript:location='4.html'"></li></ul></div>我的要求:当我点击其中一个标签时,例如点击1.html,它的样式就停留在那里,点击2.html时刚才那个恢复原样,样式又停留在第二个标签上,就像鼠标滑过一样。简单来说,就是鼠标滑过有样式,点击进去后把样式留住。别的恢复原样。用JS怎么写啊?大侠求助啊。。。。。。。。。。。。。。。。。求了。。。
解决方案
解决方案二:
帮你顶顶~~给分啊~
解决方案三:
顶也要谢谢你!
解决方案四:
写成onclick事件呗。然后在事件中循环检查其他标签页的样式,根据自己的要求去改变className,然后通过css样式表不就变了么
解决方案五:
当鼠标移上去就用focus事件显示样式,再用点击事件保留当前样式,并且同时恢复前面那个的样式。
解决方案六:
大侠,具体怎么写啊?
解决方案七:
页面跳转了吧?除非你是从新窗口打开新页面,或者每个页面都包含你这个ul具体是那种情况?
解决方案八:
用jquery框架,比较简单,为li注册鼠标进入的事件,添加移除css就可以了,有需要可以联系我,QQ"10702934
解决方案九:
varoldId="index_top_2";functionclick_Li(newId){if(oldId!=undefiend||oldId!=null){$("#"+oldId).attr("class","");}oldId=newId;$("#"+newId).attr("class",newId);}每个li给定个跟需要变化的class名字一样的id即可,只需要做一个onmouseover事件就OK了。。参考下吧,可能不是你想要的!