@大董你能行,你寫的代碼有問題,如果頁面加載完成,將鼠標移到除了第一張圖片之外的任何一張圖片上,那么就會有兩張圖片的className="big",整個布局會錯亂!
2016-11-23
如果能把下面的html代碼顯示出來和CSS一一對應就好了 因為畢竟是老師自己寫的代碼記得住每個class 對于我看不懂對應的CSS還要折回去記一下class的名稱QUQ
2016-11-18
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
}
}
我改了下
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