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