js太复杂了 jquery三句搞定
<script>
$(".wrapper li").mouseover(function () {
$(this).siblings().removeClass("big");
$(this).addClass("big");
})
</script>
<script>
$(".wrapper li").mouseover(function () {
$(this).siblings().removeClass("big");
$(this).addClass("big");
})
</script>
2016-11-08
在IE浏览器与标准浏览器下,绑定事件的区别:
function bind(el, eventType, callback){
if(typeof el.addEventListener === 'function'){
el.addEventListener(eventType, callback, false);//标准
}else if(typeof el.attechEvent === 'function'){
el.attachEvent('on' + eventType, callback);//IE
}
}
function bind(el, eventType, callback){
if(typeof el.addEventListener === 'function'){
el.addEventListener(eventType, callback, false);//标准
}else if(typeof el.attechEvent === 'function'){
el.attachEvent('on' + eventType, callback);//IE
}
}
最新回答 / qq_缔曦_04032696
e.target并不是li对象,它只是当前图片的对象。要用e.target.parentNode,这个才是li对象,对 li对象添加.big样式。而且注意,添加样式时: className+=" big" big前要有空格,比如说 原来li中有一个class。html中代码是<li class="a" > 如果你big前不加空格的话,生成的就是<li class="abig"> abig是一个新的class,不是我们要的<li class="a big">的效果
2016-10-25
我改了下
window.onload=function(){
var outer=document.getElementById('subject');
var list=outer.getElementsByTagName('li');
for(var i=0;i<list.length;i++){
list[i].onmouseover=function(){
this.className='big';
}
list[i].onmouseout=function(){
this.className="";
}}}
window.onload=function(){
var outer=document.getElementById('subject');
var list=outer.getElementsByTagName('li');
for(var i=0;i<list.length;i++){
list[i].onmouseover=function(){
this.className='big';
}
list[i].onmouseout=function(){
this.className="";
}}}
2016-10-24