jq实现方向轮播图-简易版
来源:互联网 发布:柔术 知乎 编辑:程序博客网 时间:2024/06/05 15:50
如此直接用js既可以实现目的
/*轮播图显示*/function play(){_index ++;$(".adv-img").animate({left: (-1200) * _index},300,function(){if(_index >= Maximg){$(".adv-img").css("left","0px");_index = 0;}$(".adv-mov > span").eq(_index).addClass("show").siblings().removeClass("show");});}cleartime = setInterval(function(){play();},3000);$(".adv-float").hover(function(){clearInterval(cleartime);},function(){cleartime = setInterval(play,3000);});$(".adv-mov > span").click(function(){var inx = $(this).index();_index = inx - 1;play();});
对于图片的增加可以通过一个变量直接控制代码中的数据
/*初始化列表*/var _index = 0,Maximg = 2;for(var i = 0 ;i <= Maximg;i ++){$(".adv-img > ul").append("<li><img src='images/ZY" + (i % Maximg + 1) + ".jpg'/></li>");}
1 1
- jq实现方向轮播图-简易版
- 简易的JQ轮播图
- js,jq,css多方面实现简易下拉菜单
- js,jq,css多方面实现简易Tab切换
- SensorManager的方向传感器Orientation -- 指南针的简易实现
- 实现简易版@功能
- 用JQ实现的简单轮播图
- Android移动开发-调用方向传感器开发简易指南针的实现
- Android移动开发-调用方向传感器与OpenGL开发简易水平仪的实现
- 简易的点击展开/关闭效果(原生JS版和JQ版)
- LinkedList实现队列简易版
- 实现简易版js bind
- 简易版WireShark实现-界面设计
- 简易版WireShark实现-效果
- jq 轮播图
- jq-轮播图
- jQ 轮播图
- JQ轮播图
- 径向基函数(RBF)神经网络
- multithreading--守护(后台)线程的作用,及其与前台线程的关系
- 初学Linux(1)
- POJ 2247 小DP?
- IOS开发笔记25-控件的基本使用
- jq实现方向轮播图-简易版
- 如何在AS3中引用swf中的元件、图片等资源以及布局信息
- 加载网络图片
- [小笔记] Android判断Bitmap图片是否损坏
- Android中string-array用法
- 第九周项目3-稀疏矩阵的三元组表示的实现及应用(1)
- 使用友元,编译出错fatal error C1001: INTERNAL COMPILER ERROR (compiler file 'msc1.cpp', line 1786) 的解决
- 为什么我们需要这么多的寻址方式
- NSNotification学习笔记