JS+CSS3实现带预览图幻灯片效果_技术问答

首页免费课 JS+CSS3实现带预览图幻灯片效果问答

JS+CSS3实现带预览图幻灯片效果

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39504
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46090
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度初级
            
                时长 1小时33分
            
                学习人数
            
综合评分9.50
                            114人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

Faxine

动态调整图片那段，做延迟调用还是会有闪现bug的。不防参考下这个：
document.onreadystatechange = function(){
console.log(document.readyState);
if(document.readyState == 'interactive'){
addSlider();
}
if(document.readyState == 'complete'){
resizeImg()
}
}
这样就能确保resizeImg()调用前页面结构已经出现了。

2017-08-28

alphamikeyankee

收益良多，谢谢老师~

0 3-1 输出以及切换

2017-08-23

慕沐9366577

@xxqnjwggd className无效是因为className += ' main-i_active'没加上一个空格，导致加进去的class与上一个class黏在一起而失效

2 3-1 输出以及切换

2017-08-15

Zealery

老师讲的这种方式是不是就是Vue，angular的mvvm开发方式啊，数据双向绑定，我这种渣渣这个阶段无法理解啊

3 3-1 输出以及切换

2017-08-09

Zealery

前面还很清楚的，这节课彻底乱了0.0

1 2-3 基本界面样式完成

2017-08-08

慕粉15708414153

className获取不到，那位大神解释一下

0 3-1 输出以及切换

2017-08-05

小白菜v

哎哟我去。。。瞬间懵逼

1 3-1 输出以及切换

2017-08-02

qq_双鱼儿_0

css写的太多了，js表示我想上场

1 2-3 基本界面样式完成

2017-07-24

冬立2017

链接：http://pan.baidu.com/s/1hs1jaO8 密码：venu

2017-07-24

木头上点灯

倒影代码贴出，可用
.ctrl-i img{
width: 100%;
position: absolute;
left: 0;
bottom: 30px;
z-index: 1;
-webkit-box-reflect:below 0 -webkit-linear-gradient(
transparent,
transparent 50%,
rgba(255,255,255,.3));
}

4 2-3 基本界面样式完成

2017-07-17