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

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

手風琴效果

難度初級
時長35分
學習人數
綜合評分9.43
122人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
這是面向對象!
老師聲音好好聽啊~~~老師多講點課哦~~~~
老師的聲音好溫柔啊
@大董你能行,你寫的代碼有問題,如果頁面加載完成,將鼠標移到除了第一張圖片之外的任何一張圖片上,那么就會有兩張圖片的className="big",整個布局會錯亂!
如果能把下面的html代碼顯示出來和CSS一一對應就好了 因為畢竟是老師自己寫的代碼記得住每個class 對于我看不懂對應的CSS還要折回去記一下class的名稱QUQ
直接截圖不就完了嗎 干嘛要那么多的DIV
js太復雜了 jquery三句搞定
<script>
$(".wrapper li").mouseover(function () {
$(this).siblings().removeClass("big");
$(this).addClass("big");
})
</script>
為什么我的有反應。hahahahah```
根據事件的冒泡原理,找到需要變更class 的LI元素: while(target.tagName != 'LI' || target.tagName == 'BODY'){
target = target.parentNode;
}
鼠標懸停的處理函數:function mouseoverHandler(e){

var target = e.target || e.srcElement;
var outer = document.getElementById('imageMenu');
var list = outer.getElementsByTagName('li');
在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="";
}}}
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容,尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么?
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消