怎么实现当前模块循环特效轮播，最好两侧再加箭头，新手求指导！！！

qq_28351463 2017-05-26 10:11:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.yuangong { height:639px ; background-color:#e4e4e4; margin:auto 80px;}
.yuangong .yuangongtit { padding:45px 0px 40px;}
.yuangong .yuangongcont ul li { float:left; background-image:url(../images/yuangongbj.jpg); height:215px;; width:219px; margin:10px 9px;}
.yuangong .yuangongcont ul li img { height:100%; width:100%}
.yuangong .yuangongcont ul li:nth-child(even) { width:320px; height:196px; font-family:"微软雅黑";font-size:16px; text-align:left; padding:10px 8px; background-color:#FFF;}
.yuangong .yuangongcont ul li:hover{ box-shadow:0px 0px 1px 1px #94390D;;}
</style>
</head>

<body>

<div class="yuangong">
<div class="wrap">
<div class="yuangongcont">
<ul>
<li><a href=""><img src="{zzz:tempath}images/shili1.jpg" /></a></li>
<li><a href="">介绍</a></li>
<li><a href=""><img src="{zzz:tempath}images/shili1.jpg" /></a></li>
<li><a href="">介绍</a></li>
<li><a href=""><img src="{zzz:tempath}images/shili1.jpg" /></a></li>
<li><a href="">介绍</a></li>
<li><a href=""><img src="{zzz:tempath}images/shili1.jpg" /></a></li>
<li><a href="">介绍</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

...全文

234 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_28351463 2017-05-26

打赏
举报

额比较着急，快来大神

qq_28351463 2017-05-26

打赏
举报

大神，是当前页面的8个<li>一起轮播

本人QQ-554433626 2017-05-26

打赏
举报


    window.onload = function ()    
   {    
       var oUl = document.getElementById ('ul1');    
       var t,o;    
       var speed = 0;    
       var funny = function ()    
       {    
           t && clearInterval(t);    
           t = setInterval (function ()    
           {    
                speed -= 200/11;    
                if(speed<-200){    
                    speed=0;    
                    oUl.appendChild (oUl.children[0]);    
                    t && clearInterval(t);    
                    t = null;    
                    o && clearTimeout(o);    
                    o=setTimeout(funny,500);    
                    }    
               oUl.style.left = speed + "px";    
           }, 60);    
       }    
        funny ();    
   }

当作看不见 2017-05-26

打赏
举报

建议unslider 插件,几KB 简单配置一下就行 http://www.bootcss.com/p/unslider/

qq_28351463 2017-05-26

打赏
举报

快来人啊@大神

Go 旅城通票 2017-05-26

打赏
举报

swiper：http://www.swiper.com.cn/ coin-slider http://jqcool.net/jquery-coinslider.html 大把效果

要做前端的一股清流 2017-05-26

打赏
举报

下载slick插件,导入js、css包。 $('.yuangong').slick({ centerPadding: '1px', slidesToShow: 3, slidesToScroll: 1, dots: false, centerMode: false, }); 可以看看我的两篇博客。第二篇是调插件 http://blog.csdn.net/qq_31915745/article/details/71746918 http://blog.csdn.net/qq_31915745/article/details/71611261

手把手带着学员朋友学习项目数据库设计、从0搭建后台项目、框架整合、模块化设计、基础模块开发、自定义认证流程、业务接口定义和功能实现，增加初级Java程序员的项目实战经验。课程项目截图： 1. 前台首页首页...

对事件循环的理解（详细）？ 30.DOM常见的操作有哪些？ 31.说说你对BOM的理解，常见的BOM对象你了解哪些？ 32.BOM和DOM区别？ 33.如何解决跨域问题？ 34.异步加载js方式？ 35.哪些操作会导致内存泄漏？ 36.XML和JSON...

- 是一个UIView子类，支持iOS5.0以上版本，支持静态、动态模糊效果，继承与UIView的模糊特效。 VVBlurPresentation -很简单易用的在原来viewconntroller基础上做模糊，然后present新的viewcontroller的。 ...

卷新加卷的文件夹 PATH 列表卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现标签拖动改变位置.rar │ │ ...