天天躁日日躁狠狠爱人妻,亚洲伊人色欲榨精网

首頁免費課圖片展示特效問答

圖片展示特效

                
                vivian
            Web前端工程師

                    查看講師更多課程 
                    vivian講師的其他課程
                
JS動畫效果
初級·113918
免費課程
                                
                難度初級
            
                時長47分
            
                學習人數
            
綜合評分9.53
                            97人評價
                        查看評價
                                9.7
                                內容實用
                            
                                9.5
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

灰原瞳

說點總體的感受吧，這門課程對我最大的啟發是使用:hover偽類來實現一些操作，可以設定該偽類從而對元素以及子孫元素實現樣式改變。今天就寫了幾個效果：hover時opacity改變（以前opacity沒怎么用過，今天一用解決了三的地方的問題），hover時圖片大小改變，hover時元素的顯示與消失。至于后面的js，稍微接觸過的人其實不用聽這節課。很感謝授課老師。順便想明白了那個聚劃算的設計，hover時改變width。

2015-08-25

灰原瞳

其實用：hover都能解決

1 3-3 編程練習

2015-08-24

灰原瞳

用jq:
$(document).ready(function(){
$('#picList div').mouseover(function(){
$(this).find('a').attr('top',0);
});
mouseout類似
})

1 2-3 代碼優化

2015-08-24

灰原瞳

看jquery看的覺得js源碼寫起來好麻煩

0 2-2 圖片展示制作

2015-08-24

叮叮不鐺鐺

好喜歡老師課~~

0 2-1 簡介與原理

2015-08-20

叮叮不鐺鐺

.try li span{
color:#fff;
font-size: 16px;
position: relative;
bottom: 39px;
width: 225px;
height: 34px;
line-height: 40px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
-khtml-opacity:0.5;
background-color: #000;
text-align: left;
display: none;
}

1 1-1 簡單展示效果

2015-08-20