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

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

手風琴效果

難度初級
時長35分
學習人數
綜合評分9.43
122人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
直接截圖不就完了嗎 干嘛要那么多的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
}
}
能把我帶偏你也是挺不容易的。。。
為什么我中間 那條虛線不出來
為什么沒有評論,這么好的課程

最新回答 / qq_締曦_04032696
e.target并不是li對象,它只是當前圖片的對象。要用e.target.parentNode,這個才是li對象,對 li對象添加.big樣式。而且注意,添加樣式時: className+=" ?big" big前要有空格,比如說 原來li中有一個class。html中代碼是<li class="a" > 如果你big前不加空格的話,生成的就是<li class="abig"> abig是一個新的class,不是我們要的<li class="a ?big">的效果
我改了下
window.onload=function(){
var outer=document.getElementById(&#039;subject&#039;);
var list=outer.getElementsByTagName(&#039;li&#039;);
for(var i=0;i&lt;list.length;i++){
list[i].onmouseover=function(){
this.className=&#039;big&#039;;
}
list[i].onmouseout=function(){
this.className=&quot;&quot;;
}}}
原代碼56行 typeof el.attechEvent === &#039;function&#039; 有誤
課程須知
1.HTML中無序列表的相關知識 2.掌握CSS樣式的內容,尤其是CSS3的基礎內容 3.對JavaScript中鼠標事件等知識熟悉
老師告訴你能學到什么?
1.浮動布局的相關知識 2.掌握CSS3的transition屬性 3.會用代碼實現手風琴效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消