欢迎光临
Html5圈

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

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

  课程介绍

  同样的幻灯片特效,这个案例的特点在于处理幻灯片切换的过程。切换的动态效果看起来比较复杂,但只要了解了实现思路,则很简单。课程主要有3个部分,首先前期准备了解开发思路。然后根据开发思路实现界面开发,最后加上脚本动作,实现切换特效。(注:点击红色字体可观看视频)

 

  第1章 前期准备

    1-1 案例介绍 (04:18)

  1-2 开发方法 (10:03)

  1-3 开发目录介绍 (02:14)

 

  第2章 界面开发

  2-1 距离底部有点距离 (11:22)

  2-2 下面编写倒影 (04:34)

  2-3 基本界面样式完成 (13:50)

 

  第3章 脚本开发

  3-1 输出以及切换 (23:10)

  3-2 动态调整图片高度 (08:37)

  3-3 优化与扩展 (11:27)

  3-4 总结 (02:52)

 

  文章来源慕课网,转载请注明出处,视频来源慕课网

未经允许不得转载:Html5圈 » JS+CSS3实现带预览图幻灯片效果

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

HTML5网站定制 更优秀 更专业

联系我们全国服务热线