图片展示特效_技术问答

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

图片展示特效

                
                vivian
            Web前端工程师

                    查看讲师更多课程 
                    vivian讲师的其他课程
                
JS动画效果
初级·113926
免费课程
                                
                难度初级
            
                时长47分
            
                学习人数
            
综合评分9.53
                            97人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

慕粉3729152

老师说的很好啊，循环渐进,Good!!!

0 2-4 深度代码优化

2016-07-28

icheer

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受影响。

0 2-2 图片展示制作

2016-07-15

为什么不能用getElementsByClassName?

已采纳回答 / 飞天意大利面神兽

getElementsByClassName 是获取class类名的方法，首先你得为这个元素取一个class名，然后因为class类名可能获取到多个元素，所以你要在后面加个getElementsByClassName[index],index就是你所需要的元素的位置，也就是在所有class名叫col元素排第几个

2 回答 3097 浏览 2-4 深度代码优化

2016-07-13

林夢夕_Siky

特别喜欢这位老师的讲课方式。

0 2-4 深度代码优化

2016-07-10

子涵_program

可以每排都设置ul>li。不过这样后台数据处理比较麻烦

0 3-2 多行侧位展示效果

2016-07-05

子涵_program

<div class="wrap">

<div class="content">web开发,web开发,图片展示特效。图片展示制作，关注分享web开发,图片展示特效。图片展示制作，关注分享web开发,图片展示特效。图片展示制作，关注分享web开发,图片展示特效。图片展示制作，关注分享</div>
</div>
//css的方法

1 2-2 图片展示制作

2016-07-05

子涵_program

.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;}

1 2-2 图片展示制作

2016-07-05