js如何实现导航栏鼠标点击选中后的效果

JavaScript017

js如何实现导航栏鼠标点击选中后的效果,第1张

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下: 1.被点击时的效果可以用div:active{ css } 2.鼠标覆盖在上面的时候可以用div：hover{ css} 3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下： a.先给div添加一个选中的样式比如on{css}； b.然后在js中$('div').click(function{ $('div').toggleClass(' ','on')}) 这是jquery自带的一个方法，点击div切换2个class,

给我100分

我给你把代码贴上来

这个实现还是很容易的！

算了，你还是看着给把！

document.onmouseup=function(e){

content=window.getSelection().toString()

if(content!=''){

var len=content.length

var target=e.target

var position=target.innerHTML.indexOf(content)

var position2=position+len

var tempstr1=target.innerHTML.substring(0,position)

var tempstr2=target.innerHTML.substring(position2)

content="<span style='color:red'>"+content+"</span>"

target.innerHTML=tempstr1+content+tempstr2

}}

实现了选中了就变红，自己扩展下把！

还有这个暂时只在chrome下能用，ie 你自己改把！