轮播可以实现的。。。。
我封装的个JS。你看看能用么。
-----------------------------------------------------------------------------------------------------
function pictures(divBox ,aid){
var length,
currentIndex = 0,
interval,
hasStarted = false, //是否已经开始轮播
t = 3000; //轮播时间间隔
length = divBox.length;
//将除了第一张图片隐藏
$(divBox).not(':first').hide();
//将第一个slider-item设为激活状态
$('#'+aid+' a:first').addClass('act');
//鼠标上悬时显示向前、向后翻按钮,停止滑动,鼠标离开时隐藏向前、向后翻按钮,开始滑动
$('#'+aid+' a').hover(
function(e) {
stop();
var preIndex = $('#'+aid+' a').filter(".act").index();
currentIndex = $(this).index();
play(preIndex, currentIndex);
},
function() {
start();
}
);
/** * 向前翻页 */
function pre() {
var preIndex = currentIndex;
currentIndex = (--currentIndex + length) % length;
play(preIndex, currentIndex);
}
/**
* 向后翻页 */
function next() {
var preIndex = currentIndex;
currentIndex = ++currentIndex % length;
play(preIndex, currentIndex);
}
/** * 从preIndex页翻到currentIndex页 * preIndex 整数,翻页的起始页 * currentIndex 整数,翻到的那页 */
function play(preIndex, currentIndex) {
$(divBox).eq(preIndex).fadeOut(500).parent().children().eq(currentIndex).fadeIn(1000);
//$(divBox).eq(preIndex).hide().parent().children().eq(currentIndex).show();
$('#'+aid+' a').removeClass('act');
$('#'+aid+' a').eq(currentIndex).addClass('act');
}
/** * 开始轮播 */
function start() {
if(!hasStarted) {
hasStarted = true;
interval = setInterval(next, t);
}
}
/** * 停止轮播 */
function stop() {
clearInterval(interval);
hasStarted = false;
}
//开始轮播
start();
}
-----------------------------------------------------------------------------------------------------
- 等 最代码怎么获取牛币啊?
- 完 谁来告诉我最代码上线的时间,答对者给5牛币,先来先得
- 等 牛友们,大家好,你们做程序员多久了?现在还好吗?
- 完 在微信打开的页面里进行app下载
- 等 最代码2014年欢乐聚声会
- 完 mysql如何查询表数据并且对3个字段降序的SQL?
- 完 最代码牛币机制改革
- 完 成功的在bae上使用了自定义运行环境 jetty+nginx的组合,大家对jetty+nginx优化有哪些心得?
- 完 进来分享一下各位牛牛是如何加入最代码大家庭的?
- 等 为什么java BufferedImage类处理大图直接抛出内存溢出的异常?
- 等 最代码是否开发手机app客户端?
- 完 java程序员学习哪些java的技术?java有哪些框架?都能做哪方面的开发?
- 等 php格式网页文件怎么运行?
- 等 Java volatile值获取的问题
- 等 前端vue,拦截了登录后台后,返回的token,requests拦截token,但是发送请求的时候,就出现跨越异常
- 等 大专本科计算机科班怎么找到Java工作?
- 等 eclipse怎么把三个java swing游戏项目合成一个项目?
- 完 伙伴们,大家都有什么好的解压方式么,分享一下~
- 完 三四线城市,6、7k,运维工作,索然无味,想去辞职上培训,各位牛牛有什么建议嘛
- 等 jsp页面输入中文变成问号
- 等 JPA在线上运行一段时间后报错Caused by: java.lang.IncompatibleClassChangeError: null
- 等 PHP 这个规则用preg_match_all怎么写
- 等 大佬们,有没有知道Alfresco如何配置LDAP登录呢?
- 等 php的install目录是框架带的吗?
- 等 jquery函数function(a){}(jQuery)和jQuery(function(){}) 各自在什么阶段执行?
- 等 jquery如何实现简单的无缝轮播图片动画?
- 等 jquery这个语法如何解释?
- 完 jquery demo
- 完 关于用jquery请求参数的问题
- 等 jquery validator提示如何修改为悬浮状态?
- 完 jquery validate验证框架如何验证输入字符串带空格?
- 完 jquery上传图片选择文件时如何只浏览.jpg .png 格式的文件?
- 等 jquery图片上传插件哪个最好?
- 完 jquery如何通过鼠标点击事件实现图中的特效?
- 等 jquery图片放大镜特效插件怎么实现?
- 等 jQuery怎么实现类似分页 数据效果