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

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

圖片展示特效

難度初級
時長47分
學習人數
綜合評分9.53
97人評價 查看評價
9.7 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
我是來刷進度的
2句話的內容講了一個小時......
能用css解決的盡量是css解決。
.picList .col:hover a{
top:0;
}
講的東西沒什么難度,關鍵是老師的思維很重要??!感謝
filter:alpha(Opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
-webkit-opacity:0.5;
很喜歡這位老師的講課
寫for循環時,先不要打;號,就可以避免卡死了。
我對這個女人產生了恐懼,,,,,讓男人好有壓力啊
老師說的很好啊,循環漸進,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獲取,免得網頁其他div受影響。
特別喜歡這位老師的講課方式。
可以每排都設置ul>li。不過這樣后臺數據處理比較麻煩
<div class="wrap">

<div class="content">web開發,web開發,圖片展示特效。圖片展示制作,關注分享web開發,圖片展示特效。圖片展示制作,關注分享web開發,圖片展示特效。圖片展示制作,關注分享web開發,圖片展示特效。圖片展示制作,關注分享</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;
}
課程須知
1. 您至少具備HTML/CSS基礎知識。 2. 您至少具備JavaScript基礎知識。
老師告訴你能學到什么?
1. 理解各種展示效果的原理; 2. 靈活運用position定位屬性,實現位置的變化; 3. 掌握for 和 while 循環語句使用方法; 4. 兼容不同瀏覽器,設置透明屬性; 5. 多種方法實現效果,并對代碼進行逐步優化。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消