首頁 >web前端 >html教學 >sfhover 怎么工任的?_html/css_WEB-ITnose

sfhover 怎么工任的?_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:34:161426瀏覽

function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) {  sfEls[i].onmouseover=function() {  this.className+=(this.className.length>0? " ": "") + "sfhover";  }  sfEls[i].onMouseDown=function() {  this.className+=(this.className.length>0? " ": "") + "sfhover";  }  sfEls[i].onMouseUp=function() {  this.className+=(this.className.length>0? " ": "") + "sfhover";  }  sfEls[i].onmouseout=function() {  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");  } }


回复讨论(解决方案)

一个css类名,
mouseover mouseout 来添加 删除这个类名

哪里能找到想细的介绍?

楼主 从这里开始吧
http://www.w3school.com.cn/

我就想问下,sfhover是不是自已设定的,还是标准里面的?

就是 css的类名,可以自己命名


.a{color:red;}
.test { color:blue; }

1,楼主错误字太多,标题“工任”,2楼“想细”
2,这一段CSS代码的作用是为某个元素增加删除一个css的class的,
比如原来的是 

增加后就是 

原来的是
增加后就是


删除同理,就是只把shover这个样式删除掉,其它样式保持不变

3,sfhover是自己起的名字,如果你懂是css a:hover的话,就明白它的意思了,
如果不懂,学习一下

多谢 6楼指教;
刚学css 所以很多不懂;
不过,css a:hover 这个是用到伪类技术,上面我提到的这句代码:
this.className+=(this.className.length>0? " ": "") + "sfhover"
得到的结果应该是 this.className 值:“sfefs[i].name sfhover” 或者"sfhover"
应该没用到伪类的这个技术,我的理解有没有错?

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn