为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 JS+CSS3实现带预览图幻灯片效果 问答

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

Lyn Web前端工程师
查看讲师更多课程 Lyn讲师的其他课程
难度初级
时长 1小时33分
学习人数
综合评分9.50
114人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.3 逻辑清晰
全部 评论 问答 未解决 精华

最后的背景图片优化

+ 我来回答 回答最高可+2积分
0 回答 562 浏览
2016-05-13

求源码啊！

最新回答 / 慕婉清5048815
<script type="text/javascript">    //1.数据定义（实际环境中应由后台给出）    var data = [        {img:1,h1:'Creative',h2:'DUET'},        {img:2,h1:'Friendly',h2:'DEVIL'},        {img:3,h1:'Tranquilent',h2:'COMPATRIOT'},        {img:4,h1:'Insecure',h2:'HUSSLER'},    ...
2 回答 968 浏览 3-1 输出以及切换
2016-05-12

div class="ctrl"></div>

+ 我来回答 回答最高可+2积分
0 回答 1056 浏览
2016-05-12
侯新露
5分05秒后，写完前面的 后面的无法正常显示
4 2-1 距离底部有点距离
2016-05-12
191272771
说话速度可真快
0 3-3 优化与扩展
2016-05-12

id = template 啥时候变成“id = main_1”,“id = main_2”....的呀？

已采纳回答 / 稳稳1990
<...图片...>类名为main的div的id为template_main,类名为main-i的div的id为main_{{index}},也就是main_1，main_2
2 回答 1624 浏览 3-1 输出以及切换
2016-05-10

ajax没有表现出来

最新回答 / 手机用户曾小乱
好好问问题
1 回答 621 浏览 3-1 输出以及切换
2016-05-06
爱谢幕
总感觉老师讲的时候有点乱
1 2-3 基本界面样式完成
2016-05-05
xiaoqiao321
看了一点果断不看了 浪费时间 好乱
0
2016-05-05

使用谷歌图片没有出现倒影效果 上面显示说属性值无效？

+ 我来回答 回答最高可+2积分
0 回答 875 浏览
2016-05-04
royluck
仔细观察视频后面，老师后面更改了各图层z-index的优先级，从而导致缩略图被遮盖住了，所以程序后面还需要在ctrl-i :hover添加z-index:9;优先级
4 3-3 优化与扩展
2016-05-03
慕粉3178425
根本就不会讲课，这么喜欢装逼还学别人当讲师，该讲不讲，打这么快赶着去哪？有多少新人跟得上！一点都不懂讲课的节奏 看你视频真TM浪费时间，要不是没得选！
1 2-3 基本界面样式完成
2016-05-03

为什么点击按钮后会给每一个main-i自动添加一个main-i_active ?

最新回答 / 稳稳1990
<...code...>a的href设置了点击执行switchSlider({{index}})方法，在switchSlider({{index}})方法里面有添加className<...code...>
2 回答 858 浏览 3-1 输出以及切换
2016-05-02
LiuYina
这节我一看晕，，，，
0 2-3 基本界面样式完成
2016-04-30
我不在
可以考虑直接修改父元素的背景为背景图。
1 3-3 优化与扩展
2016-04-29
看来过倒会就猪
表示，按照老师的代码img大图不出来，，看几遍了 纠结啊
3 2-3 基本界面样式完成
2016-04-23
首页上一页20212223242526下一页尾页
开始学习
课程须知
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
提交
取消