这个效果比较特别，可爱，所以在外面网站没怎么看到过，有兴趣的朋友可以下载后自己使用PS:经过修改已经兼容大众浏览器。效果图：

在线演示：http://demo . JB 51 . net/js/imagesrotatecroll/index . html step 1 .创建超文本标记语言复制代码代码如下： div id=' rotatescroll ' div class=' viewport ' ul class=' overview ' liimg src=' http : images/sf1。jpg ' alt='春丽/Li Li img src=' http : images/sf2。jpg ' alt=' http : images/Li Li img src=' http : images/sf3。jpg ' alt=' DHAISIM '/Li liimg src=' http : images/创建半铸钢钢性铸铁(铸造半钢)复制代码代码如下： #旋转辊{宽度： 300 px高： 300pxmargin: 0自动相对位置：} #rotatescroll .视口{宽度： 300像素重量： 300像素相对位置：margin: 0自动飞越：隐藏；} #rotatescroll .概述{宽度： 798px绝对位置：列表样式：无；保证金： 0；padd : 0；左： 0；top : 0；} #rotatescroll .概述li {宽度： 300像素重量： 300像素向左浮动：相对位置：} #rotatescroll .叠加{高： 300像素宽度： 300像素；背景：网址(./images/BG-rotates roll。png)无重复0 0；绝对位置：左： 0；top : 0；} #rotatescroll .拇指{宽度： 26px高度： 26pxz指数： 200；背景：网址(./images/bg-thumb.png)无重复50% 50%;绝对位置：top: 0pxcursor:指针；left: 0px} #rotatescroll .dot { background: url(./images/BG-dot 2。巴布亚新几内亚)否-重复0 0;显示器：无；高度： 12px宽度： 12px绝对位置：left : 155 xtop : 3pxz-index : 100；} #rotatescroll .点跨度{ display: none}第三步。插入框架和脚本包复制代码代码如下：脚本类型=' text/JavaScript ' src=' http :http://www .贝格斯。nl/js/jquery-1。4 .2 .量滴js /脚本类型=' text/JAVAScript ' src=' http : js/jquery。tinycircleslider。js /脚本类型=' text/JAVAScript ' src=' http 3360 js/网站。js /脚本类型打包下载//www .JB 51。net/jiao Ben/34107。超文本标记语言