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

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

Lyn Web前端工程师
查看讲师更多课程 Lyn讲师的其他课程
难度初级
时长 1小时33分
学习人数
综合评分9.50
114人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.3 逻辑清晰
全部 评论 问答 未解决 精华
salamonjakro
这个老师说得真心好，不要看上去觉得复杂就以为没必要，如果你和慕课另外一个焦点轮播比较起来，从复用性组件化方面看这个课程明显规范很多，还有思路什么的也很正规。可能水平不够的话一时半会比较难消化，但还是更希望看到类似的高质量教学
7 3-4 总结
2015-11-29
qq_fly_5
ctrl-i_active
0 3-2 动态调整图片高度
2015-11-26
菜鸟开始
其实这个讲的偏向是实际开发时候的
0 2-3 基本界面样式完成
2015-11-24
_想开点
30% 好吧
1 2-3 基本界面样式完成
2015-11-23
小西贝1992
讲得很好，但是太复杂了，自己做肯定没有思路！
0 3-4 总结
2015-11-18
qq_靈_0
一个小小轮播图搞这么复杂也是够了。。。
1 3-1 输出以及切换
2015-11-18
sool
求完整的代码！
0 3-1 输出以及切换
2015-11-16
缇轲
为什么照着敲的，结果效果不一样
1 2-2 下面编写倒影
2015-11-08
亘古_之约
讲的很好，赞+1
0 3-4 总结
2015-11-07
PanameraTurboS
发现视频到这里，鼠标一上去小图不见了...将ctrl_active img 的样式设置成z-index:3;就可以了
0 3-3 优化与扩展
2015-11-06
PanameraTurboS
虽然有点勉强，但还是把完整的代码打出来了...
0 2-3 基本界面样式完成
2015-11-06
PanameraTurboS
不行，不是“我行”，打错字了
0 3-3 优化与扩展
2015-11-06
PanameraTurboS
这两句错不在这里，但加上了确实我行，我直接把data[i].h1 data[i].h2换成了‘’‘’空，这样虽然没能把caption也打出来，但是也能实现不显示白色背景的目的。
0 3-3 优化与扩展
2015-11-06
PanameraTurboS
.replace(/{{h2}}/g,data[i].h1)
和
.replace(/{{h3}}/g,data[i].h2);
这两句是错误的，因为tpl_main里边是没有h1 ，h2元素的，
不知道老师的为什么没有提示错误。不过其实是多余的，应该删掉。
0 3-3 优化与扩展
2015-11-06
suliqi2599
讲的超级好 谢谢老师
0 3-4 总结
2015-11-01
首页上一页15161718192021下一页尾页
开始学习
课程须知
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
提交
取消