亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

手風琴效果

難度初級
時長35分
學習人數
綜合評分9.43
122人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
$(".li").mouseover(function(){

$(this).toggleClass("big").siblings(".aa").removeClass("big");

});
//鼠標懸停的處理函數
function mouseoverHandler(e){
var target = e.target||e.srcElement;
var outer = document.getElementById('imageMenu');
var list = outer.getElementsByTagName('li');
//根據事件的冒泡原理，找到需要變更class 的LI元素
while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
n個列表項總寬度 = （n-1）*列表項寬度 + 1*展開的列表項寬度
var oDiv=document.getElementById('demo');
var aLi=oDiv.getElementsByTagName('li');

for (var i = 0; i < aLi.length; i++) {
aLi[i].className='';
aLi[i].onmouseover=function(){
this.className='big';
}
aLi[i].onmouseout=function(){
this.className=' ';
}
}
..剛開始直接來個 ID是subject，我只想問，哪里來的這個ID ,之前幾節課有設過嗎？
// 根據事件的冒泡原理，找到需要變更class 的LI元素
while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
沒有懂這個意思，下面這個代碼不是也能行的通嗎
if (target.nodeName==="LI") {
target.className+=" big";
}
function bind(el, eventType, callback){
if(typeof el.addEventListener === 'function'){
//標準事件綁定方法
el.addEventListener(eventType, callback, false);
}else if(typeof el.attechEvent === 'function'){
//IE事件綁定方法
el.attachEvent('on' + eventType, callback);
}
}
題中的代碼引用文件名錯了，需要改一下
style.css
script.js
一般都是把整個做成圖片吧
鼓勵手記手記
為什么i標簽可以給寬高
干不動，不知道
代碼有誤，看評論解決了
多個錘子啊。。
Ie綁定應該為DOM.attachEvent('onclick',callback),老師"attech"是否寫錯了呢
首頁上一頁45678910下一頁尾頁
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容，尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么？
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消