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
                                逻辑清晰

全部评论问答未解决精华

陈耿荣

不错哦，收益匪浅，看不懂的同学应该需要补习一下基础哦

0 3-3 优化与扩展

2017-06-25

陈耿荣

不错哦，讲的很有思路

0 3-3 优化与扩展

2017-06-24

陈耿荣

不错哦，谢谢

0 3-2 动态调整图片高度

2017-06-24

陈耿荣

不错哦，有效果

0 2-2 下面编写倒影

2017-06-23

陈耿荣

VCD和PHP开发的MVC思想完全一样

1 1-2 开发方法

2017-06-23

陈耿荣

不错哦，凌晨一点了我还在加油

2 1-1 案例介绍

2017-06-23

啊哈哈哈哈百无聊赖

有人有源代码吗我敲到一半就效果不变了

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

2017-06-22

exiha

第二次看了还是一脸蒙蔽

1 3-4 总结

2017-06-13

exiha

我仿佛听了假课

0 3-2 动态调整图片高度

2017-06-13

exiha

不明白为什么我的图片显示不出来，老师的却可以，照着老师讲的打的
<img src="images/{{index}}.jpg" />

2 3-1 输出以及切换

2017-06-13

farawei

这里有一个bug，实现左右切换的 main-i_right 应该写的是：
.slider .main .main-i_right {
right: -50%;
}

1 3-3 优化与扩展

2017-06-09

炸毛哒天才小阿君

我来了结大家的痛苦，源码在此，喜欢的记得帮我点点STAR～～

https://github.com/hellojeana/PreviewSlide

13 3-1 输出以及切换

2017-06-06

炸毛哒天才小阿君

我来了结大家的痛苦，源码在此，喜欢的记得帮我点点STAR～～
https://github.com/hellojeana/PreviewSlide

13 2-1 距离底部有点距离

2017-06-06

炸毛哒天才小阿君

看到很多人倒影出不来，贴一下新式的gradient倒影代码：

-webkit-box-reflect: below 0px -webkit-linear-gradient(

top,/*方向由上往下*/

transparent ,/*起点颜色值*/

transparent 50% ,/*断点颜色值*/

rgba( 255,255,255,.3 )/*终点颜色值*/

);

顺便贴一下源码：

https://github.com/hellojeana/PreviewSlide

喜欢的记得帮我点亮STAR～～么么哒

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

2017-06-06

炸毛哒天才小阿君

看到很多人倒影出不来，贴一下新式的gradient倒影代码：
-webkit-box-reflect: below 0px -webkit-linear-gradient(
top,/*方向由上往下*/
transparent ,/*起点颜色值*/
transparent 50% ,/*断点颜色值*/
rgba( 255,255,255,.3 )/*终点颜色值*/
);
顺便贴一下源码：
https://github.com/hellojeana/PreviewSlide
喜欢的记得帮我点亮STAR～～么么哒

2 2-2 下面编写倒影

2017-06-06

首页上一页 2 3 4 5 6 7 8 下一页尾页

开始学习

课程须知: 1、已经了解html标签的用法，图片资源的引用 2、已经了解css选择符的概念，以及基本的样式属性作用（宽、高……） 3、已经了解JavaScript函数的调用，了解 DOM 元素的获取及其属性的读写 4、已经掌握变量，流程控制（条件，循环）

老师告诉你能学到什么？: 1、方法论：VCD 分解法，教你破解任意特效案例的实现原理 2、CSS3 特效：倒影实现、样式过度动画 3、简单的前端模板功能 4、JS通用函数：简单的 id,class DOM 选择器实现 5、脚本操作元素的属性和样式

微信扫码，参与3人拼团

热搜

最近搜索清空

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