第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

圖片展示特效

難度初級
時長47分
學習人數(shù)
綜合評分9.53
97人評價 查看評價
9.7 內(nèi)容實用
9.5 簡潔易懂
9.4 邏輯清晰
老師說的很好啊，循環(huán)漸進,Good!!!
var divs=getElementsByTagName('div');
for (var i=0;i<divs.length;i++){
divs[i].mouseover=function(){
this.getElementsByTagName('a')[0].style.top=0;
}
}
大概這樣就可以了吧，也可以給這幾個圖片div定義class，用classname獲取，免得網(wǎng)頁其他div受影響。

已采納回答 / 飛天意大利面神獸
getElementsByClassName 是獲取class類名的方法，首先你得為這個元素取一個class名，然后因為class類名可能獲取到多個元素，所以你要在后面加個getElementsByClassName[index],index就是你所需要的元素的位置，也就是在所有class名叫col元素排第幾個
特別喜歡這位老師的講課方式。
可以每排都設(shè)置ul>li。不過這樣后臺數(shù)據(jù)處理比較麻煩
<div class="wrap">

<div class="content">web開發(fā),web開發(fā),圖片展示特效。圖片展示制作，關(guān)注分享web開發(fā),圖片展示特效。圖片展示制作，關(guān)注分享web開發(fā),圖片展示特效。圖片展示制作，關(guān)注分享web開發(fā),圖片展示特效。圖片展示制作，關(guān)注分享</div>
</div>
//css的方法
.wrap{width:400px;height:300px;background-color:#DECBCB;border:1px solid black;position:relative;overflow: hidden;}
.content{width:400px;height:300px;opacity:0.6;background-color: #6A5959;position:absolute;top:255px;}
.wrap:hover .content{opacity:0.3;psition:absolute;top:0;}
直接添加一個樣式就行了，不用寫js代碼
.picList .col:hover a{
top:0;
}
BCS
簡略看完 最后一個確實是可以用js寫 但是前面的就有點多此一舉了 直接css完成性能豈不是更好
0.5倍播放有驚喜
你們什么耳朵 明明這個老師是河北口音
遍歷完最后一個就是i，不需要lis.length-1
可以用css3 transform

最新回答 / HiFrontend
好像沒有必要一定要用while來在做一次循環(huán)，只要在上面的for里加一個判斷就可以了吧？！<...code...>
首頁上一頁45678910下一頁尾頁
課程須知
1. 您至少具備HTML/CSS基礎(chǔ)知識。 2. 您至少具備JavaScript基礎(chǔ)知識。
老師告訴你能學到什么？
1. 理解各種展示效果的原理； 2. 靈活運用position定位屬性，實現(xiàn)位置的變化； 3. 掌握for 和 while 循環(huán)語句使用方法； 4. 兼容不同瀏覽器，設(shè)置透明屬性； 5. 多種方法實現(xiàn)效果，并對代碼進行逐步優(yōu)化。

微信掃碼，參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發(fā)表

為什么扣積分？

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消