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

全部评论问答未解决精华

炸毛哒天才小阿君

看到很多人倒影出不来，贴一下新式的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

benliuss

chrome行，火狐不行

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

2017-06-06

慕粉18331127136

这老师讲的，完全在自嗨

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

2017-06-04

qq_那些回忆_2

一步步跟到最后，不懂的也硬着头皮听下去，最后一脸懵逼，按钮位置不能随着窗口大小的变化而变化，把main的高400px去掉，图片就看不见了，不应该是由内容撑开div的高度吗，怎么就不能去掉高了，无奈，不知道怎么改。。。

0 3-4 总结

2017-06-02

SunNeverGiveUp

我要再看20遍。

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

2017-06-01

exiha

http://www.cnblogs.com/siestakc/archive/2017/03/08/6516423.html

这个讲解的也不错

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

2017-05-31

exiha

http://download.csdn.net/detail/lvhaiping/8954771
代码地址
但是我还是看不懂

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

2017-05-31

exiha

老师讲的太快了啊，还没理解过来就讲下一步了

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

2017-05-31

慕九州9202434

服了，敢不敢给个源码，来回来去看视频查太TM的费劲了

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

2017-05-25

className添加不了样式

+ 我来回答回答最高可+2积分

2 回答 1095 浏览

2017-05-21

qq_我叫红领巾_2

懵逼的感觉

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

2017-05-14

醜八怪

一定要细心细心再细心！！！！！！！！！！！！！一个符号一个字母错了都能让你抓头皮！！！！！！

1 3-1 输出以及切换

2017-05-05

怎么理解简单的正则表达式

已采纳回答 / 西兰花伟大炮

这是将字符串前面的空格替换成空字符串，也就是去除空格，\s就是空格，*指的是0到多个，这里表示空格的数量，不管有多少都会被匹配，

2 回答 1482 浏览 3-1 输出以及切换

2017-04-29

慕村3951489

已经懵逼了

3 3-1 输出以及切换

2017-04-25

做到5.1获得要展现的幻灯片以及控制按钮出现问题，求大神解答一下。

最新回答 / 史迪公仔

我也是一样的，请问你后来有解决吗

1 回答 1030 浏览 3-1 输出以及切换

2017-04-22

有木有完整代码

最赞回答 / JS_Terminator

给我个邮箱。发你整个代码。

3 回答 968 浏览 3-1 输出以及切换

2017-04-22

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消