对于奇数和偶数的轮播

function Carousel(dataLen){
var num = 1;
var Parity = dataLen%2;
if(Parity !=1){
var time = setInterval(function(){
$(‘.userList li:eq(‘+num+‘)‘).removeClass(‘displayno‘);
$(‘.userList li:eq(‘+(num-1)+‘)‘).removeClass(‘displayno‘);
$(‘.userList li:gt(‘+num+‘)‘).addClass(‘displayno‘);
if(num !=1){
$(‘.userList li:lt(‘+(num-1)+‘)‘).addClass(‘displayno‘);
}
num = num +2;
if(num >dataLen - 1){
num = 1;
}
},2000)
}else{
var timeTwo = setInterval(function(){
$(‘.userList li:eq(‘+num+‘)‘).removeClass(‘displayno‘);
$(‘.userList li:eq(‘+(num-1)+‘)‘).removeClass(‘displayno‘);
$(‘.userList li:gt(‘+num+‘)‘).addClass(‘displayno‘);
if(num !=1){
$(‘.userList li:lt(‘+(num-1)+‘)‘).addClass(‘displayno‘);
}
num = num +2;
if(num == dataLen ){
num = num - 1;
}else if(num >dataLen ){
num =1;
}
},2000)
}
}

时间: 2024-10-10 16:07:57

对于奇数和偶数的轮播的相关文章

【CSS3】选择器-纯css实现轮播

CSS选择器: 基本选择器: 通配符选择器:*: 元素选择器:元素标签: class选择器:相当于身份证上的名称: id选择器:相当于身份证号(唯一性): 多元素组合选择器 多元素选择器 E,F  选择所有E元素或者F元素: 后代选择器 E F  选择所有属于E元素后代的F元素,即E元素的下n级元素F: 子元素选择器 E > F 选择所有E元素的子元素F,即E元素的下一级元素F: 毗邻选择器 E + F 选择所有紧随E元素的同级元素F,即跟在E后面的第一个兄弟元素: 属性选择器 [att] 选择

CSS3图片轮播效果

原文:CSS3图片轮播效果 在网页中用到图片轮播效果,单纯的隐藏.显示,那再简单不过了,要有动画效果,如果是自己写的话(不用jquery等),可能要费点时间.css3的出现,让动画变得不再是问题,而且简单易用.下面介绍我用css3与js写的一个图片轮播效果. 一般图片轮播就是三四张图片: <div class="wrap"> <div class="carousel"> <div><img src="http://

jQuery----无缝轮播图

1.效果 2.html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/iconfont.css"> <link rel="stylesh

Android自己定义控件之轮播图控件

背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个控件,不必每次反复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还须要在以下加一个指示器来标示滑动到了第几张轮播图.指示器我们能够用一个线性布局来依据要展示的轮播图设置显示的View,我们要做这种一个控件没

CSS-用伪类制作小箭头(轮播图的左右切换btn)

先上学习地址:http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常,不是简单地用btn.prev+btn.next的图片代替,而是用纯css制作. 第一个是left按钮,即prev: .vmc-arrow-left:after { content: "\e079"; } 第二个是right按钮的,也就是next下一张的按钮: .vmc-arrow-right:after { content: "\e

Bootstrap 轮播(Carousel)插件

Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式.除此之外,内容也是足够灵活的,可以是图像.内嵌框架.视频或者其他您想要放置的任何类型的内容. 如果您想要单独引用该插件的功能,那么您需要引用 carousel.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用bootstrap.js 或压缩版的 bootstrap.min.js. 实例 下面是一个简单的幻灯片,使用 Bootstrap 轮播(Carousel)插件显示了一个循环播放元

js轮播特效

1.自动轮播 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播--无限轮播</title> <style> #tuijian{ border:1px #000000 solid; width:640px; height:500px; background-repeat:no-rep

Jquery 实现轮播图

jq 轮播图 function banner_show(){ var left_btn = $("#banner_tag_left"); //获取左侧单击按钮 var right_btn = $("#banner_tag_right"); //获取右侧点击按钮 var Owidth = $("#banner ul li").width(); //获取单个图片宽度 var Oindex = $("#banner ul li");

iOS开发---轮播图模块(普通版)

// 用ScrollView实现图片轮播 // ViewController.m // Slider-轮播 // // Created by JamesXiang on 15/7/21. // Copyright (c) 2015年 JamesXiang. All rights reserved. // #import "ViewController.h" @interface ViewController () <UIScrollViewDelegate> @proper