ホームページ >ウェブフロントエンド >htmlチュートリアル >スフホバー: どのように働いていますか? _html/css_WEB-ITnose
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的,
比如原来的是 5f9ddd3c085a3825bedaffef1b58c6ca增加后就是 df41103cedd0f7a5fd263a20c25da455
原来的是8a4a534d75f1e59067b19e1a5be6fbfb增加后就是8729b2475398bf783150308b4ba351d5
删除同理,就是只把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"
应该没用到伪类的这个技术,我的理解有没有错?