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

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

手風琴效果

難度初級
時長35分
學習人數
綜合評分9.43
122人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
為什么這課不給經驗,而且,看完了都不算啊。。。強迫癥啊,這堂課就這節沒完成了。。
為什么要把這種課程劃分在HTML/CSS的課程下面?沒學過JS的也就看不來了啊
節奏太快了,不適合新手。
謝謝老師?。。?!
list[i].onmouseover=function(){

for(var i=0;i<list.length;i++)

{list[i].className=''; }

this.className='big';}}}
$(".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;
}

最新回答 / 飛天意大利面神獸
區別不大,只是opacity要單獨給背景色。但如果使用了<...code...>那么兼容性上要比RGBA強,RGBA最多兼容到IE9,而這句代碼可以兼容IE8或更早
n個列表項總寬度 = (n-1)*列表項寬度 + 1*展開的列表項寬度
var oDiv=document.getElementById(&#039;demo&#039;);
var aLi=oDiv.getElementsByTagName(&#039;li&#039;);

for (var i = 0; i &lt; aLi.length; i++) {
aLi[i].className=&#039;&#039;;
aLi[i].onmouseover=function(){
this.className=&#039;big&#039;;
}
aLi[i].onmouseout=function(){
this.className=&#039; &#039;;
}
}
..剛開始直接來個 ID是subject,我只想問,哪里來的這個ID ,之前幾節課有設過嗎?
// 根據事件的冒泡原理,找到需要變更class 的LI元素
while(target.tagName != &#039;LI&#039; || target.tagName == &#039;BODY&#039;){
target = target.parentNode;
}
沒有懂這個意思,下面這個代碼不是也能行的通嗎
if (target.nodeName===&quot;LI&quot;) {
target.className+=&quot; big&quot;;
}
function bind(el, eventType, callback){
if(typeof el.addEventListener === &#039;function&#039;){
//標準事件綁定方法
el.addEventListener(eventType, callback, false);
}else if(typeof el.attechEvent === &#039;function&#039;){
//IE事件綁定方法
el.attachEvent(&#039;on&#039; + eventType, callback);
}
}
題中的代碼引用文件名錯了,需要改一下
style.css
script.js
一般都是把整個做成圖片吧
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容,尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么?
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消