1、quot#div_pic ul liquoteqindexsiblingscssquotzIndexquot，num1动画效果，图片从右侧飞入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2；这里整理了一份web前端学习路线，比较系统和全面，希望可以帮到你~第一阶段专业核心基础 阶段目标1 熟练掌握HTML5CSS3LessSass响应书布局移动端开发2 熟练运用HTML+CSS特性完成页面布局4 熟练应用CSS3技术，动画弹性盒模型设计5 熟练完成移动端页面的设计6 熟练运用所学；常见特效例如tab导航整页滚动轮播图JS制作幻灯片弹出层手风琴菜单瀑布流布局滚动事件滚差视图JS高级特征正则表达式排序算法递归算法闭包函数节流作用域链基于距离运动框架面向对象基础除了这三种核心的技术必须学会以外，还有其他的知识也需要我们掌握例如jQuery；一前段页面重构1PC端网站布局HTML基础，CSS基础，CSS核心属性CSS样式层叠，继承，盒模型浏览器兼容性与宽高自适应定位锚点图片整合表格，CSS属性与滤镜2HTML5+CSS3基础HTML5新增的元素与属性CSS3选择器媒体查询CSS3位移与变形处理CSS3 2D3D转换与过度动画响应式。

2、项目目标完成一个标准企业官网的首页布局，掌握传统PC端页面开发流程2 HTML5+CSS3基础项目核心知识点HTML5新增表单元素日期选择范围滑块等CSS3 2D3D转换关键帧动画 媒体查询实现响应式设计 项目目标开发一个支持多设备适配的产品展示页，融入现代视觉效果3 WebApp页面布局项目核心知识；HTML5的诞生给web前端界带来了不小轰动，像什么动画旋转图片滑块图片轮播等等这些3D特效，也引发了不少朋友想要学习HTML5的好奇心最近我一直在做canvas动画效果，发现canvas这个东西做动画不是不可以相对于flash，它太底层如果有给力的编辑器或者给力的框架的话，它就能发挥出更大的威力于是决。

3、静态获取图片写法，给定图片的个数，用js实现轮播图自动转换lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lt！ ***设置样式*** ltstyle type=quottextcssquot show_div width 400pxheight 400pxmargin 0 autoborder 2px；光是html的话很难实现轮播，轮播一般都是html+js才能完成给你一个最简单的html+js轮播例子html代码ltdiv class=quotsidequot id = quotlunboquot ltulquot ltliltimg src=quotimages1jpgquotltli ltliltimg src=quot；图片滑动切换利用jQuery，可以轻松实现图片的滑动切换效果，这种效果在轮播图幻灯片展示等场景中非常常见通过调整滑动速度方向等参数，可以创建出丰富多样的滑动特效逐帧动画逐帧动画是通过连续播放一系列图片来模拟动画效果使用jQuery，可以方便地控制图片的播放顺序速度等，实现各种复杂的动画。

4、HTML5的诞生给web前端界带来了不小轰动，像什么动画旋转图片滑块图片轮播等等这些3D特效，也引发了不少朋友想要学习HTML5的好奇心最近我一直在做canvas动画效果，发现canvas这个东西做动画不是不可以相对于flash，它太底层如果有给力的编辑器或者给力的框架的话，它就能发挥出更大的威力于是；随着互联网的发展，各种小程序APP以及很多的互联网+创业公司的兴起，对现在前端工程的要求也越来越高，如何适应目前IT行业时代的发展趋势，web前端工程师又需要掌握那些技能呢一HTML5+CSS3 HTML是网页的主要组成部分，网页的本质就是HTML，是用来制作超文本文档的简单标记语言CSS样式是对HTML语言的；但这些都只是基础，对于以后工作就业，拓展自己的知识储备，学习更多的前端技能是必备的就拿做页面来举例，不说你能多快做个页面，至少不用写样式的时候还跑去查资料，背景色怎么写，字体大小怎么设，等等，不需要想着去做个图片轮播，3d幻灯片，各种酷炫特效基础最重要，如果你觉得学习H5前端可以。