图片展示特效_技术问答

首页免费课图片展示特效问答

图片展示特效

                
                vivian
            Web前端工程师

                    查看讲师更多课程 
                    vivian讲师的其他课程
                
JS动画效果
初级·113926
免费课程
                                
                难度初级
            
                时长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