1、1首先准备一个HTML文档，文档中准备好两个图片，接下来会对这两个图片进行旋转2然后对HTML中的内容定义一些样式，如下图所示，主要是标题以及ul的样式3接下来就给图片所在的li定义宽高，如下图所示4然后给；如下格式不能滑动 这个区域可以滑动 这个区域不可以滑动了 只有wrapper的第一个子元素才能实现滑动效果4编写js调用代码 var Scroll = new iScroll#39wrapper#39，hScrollbarfalse， vScrollbarfalse第一参数必；使用jquery吧，很容易解决注意要包含jqueryjs，网上下载吧，很多的具体实现如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0；你可以学学marquee语句，适应文字和图片，设置滚动方式滚动时间和滚动次数等等，以下为详细教程，都是围绕marquee语句进行的 html中Marquee属性详解 用于文字，图片等等Marquee标记用于在可用浏览区域中滚动文本格式lt。

2、div有斜角的话，建议使用css3的新特性，比js的要方便省力，将要旋转的div增加如下属性transformrotate7deg7deg指的是旋转角度，前边数字取值范围为0360度，按需求使用即可；top 100px left 100px *四边* box t， box b， box l， box r position absolute zindex 1 background#666 box l， box r；自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由 se；slideDown可改变元素高度，呈现一个滑动效果，由上往下滑动，直到显示最终的当前元素，slideUp相反，由下往上滑动，直到隐藏最终的当前元素 6slideToggleslideToggle方法跟slideDown 与 slideUp 两个方法。

3、滑动门的种类有很多很多，从简单的几行JS代码生成的滑动门复杂至使用jQuery效果库实现各种各样的切换效果的都有网页制作中，很多时候需要充分利用空间这时候需要使用滑动门这种简单而实用的技术；这个箭头就是CSS3做的，需要现代浏览器支持鼠标移动上去就是hover 伪类样式控制的左右滑动需要JS支持demo547811e4973600163e001348；新建一个JS文件，并将该文件另存为“MoveEffectjsquot在”MoveEffectjs“文件中输入如下所示代码 var id = functionel return documentgetElementByIdel ， c = id#39photolist#39 if；documentgetElementById#39bimg#39innerHTML=#39#39在id为bimg的div中显示图片 lt！最新图文代码结束 参考资料；JS代码 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移动pxvar PageWidth = 160 翻页宽度 var fill = 0 整体移位 v；Code如下图片放在同一目录下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加载中，请耐心等待 var $=functionid return documentgetElementByIdid。

4、按钮控制图片360度翻转效果的JS代码，芯晴网页特效，CsrCodeCn var isIE = documentuniqueID？10var i=1function rotateimage var object = imageparentNodeifisIE =quotprogiddX；var delta=015 var collectionfunction floaters thisitems = thisaddItem = functionid，x，y，content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px。