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

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

手風琴效果

難度初級
時長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"是否寫錯了呢
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容,尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么?
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消