做这么一个效果 鼠标单击某个名字后变色,没选中的鼠标移动上去变色
首先布局这个效果,然后给每个表格添加单击事件onclick、鼠标放上事件onmousemove、鼠标移出事件onmouseout
容易把这几个事件弄混
无标题文档 张海军张琦伟张胜国继文楷张三李四王五猎人但狗剩王八蛋狗屎滚蛋哈喽凯奇张海军张琦伟张胜国继文楷张三李四王五猎人但狗剩王八蛋狗屎滚蛋哈喽凯奇
因为是class名 所有οnclick="Dian(this)" οnmοusemοve="Fang(this)"都有个this,意思是点击自身,因为class名都一样,加上this知道单击的是哪个
先单击事件的函数
单击变红,然后没有单击的循环变成原来的颜色
下一步写鼠标放上变色
function Fang(b) { var xiao=document.getElementsByClassName("xiao") for(var i=0; i
这样看着是没问题,实际效果上是只有鼠标放上变色效果,鼠标单击效果没有了。这是因为优先级的关系
所以要加虚拟属性,鼠标单击后添加属性,没有单击的移出这个属性
function Dian(a) { var xiao=document.getElementsByClassName("xiao") for(var i=0; i
这样单击变色并且没单击的鼠标放上变色,但是鼠标移出后颜色还在所以要继续写鼠标移出后的函数,同样的是,用if判断添加的属性不等于一变回原来的颜色,目的是保证鼠标移出的时候,单击选中的不会因为鼠标移出而变色。因为鼠标单击的添加了个属性bs=1,移出变色的是bs不等于1的情况。
function Zou() { var xiao=document.getElementsByClassName("xiao") for(var i=0; i
具体效果如同电脑QQ好友里选中某个好友之后,其余好友鼠标移动还有颜色变化