> 웹 프론트엔드 > HTML 튜토리얼 > sfhover 怎么工任的?_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-21 09:34:16
원래의
1497명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿