网页
资讯
视频
图片
知道
文库
贴吧
地图
采购
进入贴吧
全吧搜索
吧内搜索
搜贴
搜人
进吧
搜标签
日
一
二
三
四
五
六
签到排名:今日本吧第
个签到,
本吧因你更精彩,明天继续来努力!
本吧签到人数:0
一键签到
成为超级会员,使用一键签到
一键签到
本月漏签
0
次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行
补签
。
连续签到:
天 累计签到:
天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
12月19日
漏签
0
天
javascript吧
关注:
269,382
贴子:
906,458
看贴
图片
吧主推荐
游戏
4
回复贴,共
1
页
<<返回javascript吧
>0< 加载中...
关于轮播图的图片不动问题?
取消只看楼主
收藏
回复
Yp_panda
false
3
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
情况就是:
按图片左右两边圆点都可以动,圆点也可以点击,但是图片就是不动。
求大神帮忙解决。。
至诚感谢。
Yp_panda
false
3
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
有大神帮下忙不?
Yp_panda
false
3
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
图2纠正一下是
Yp_panda
false
3
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
window.onload = function() {
var prev = $('#prev');
var next = $('#next');
var list = $('.piclist');
var buttons = document.getElementById('light-button').getElementsByTagName('li');
var index = 0;
var amd = false;
function showButton() {
for (var i = 0; i < buttons.length; i++) {
if (buttons[i].className === 'light') {
removeClass(buttons[i], 'light');
break;
}
}
addClass(buttons[index], 'light')
}
function animate(offset) {
amd = true;
var newLeft = parseInt(list.style.left) + offset;
var time = 300;
var interval = 10;
var speed = offset / (time / interval);
function go() {
if ((speed < 0 && parseInt(list.style.left) > newLeft)
|| (speed > 0 && parseInt(list.style.left) < newLeft)) {
list.style.left = parseInt(list.style.left) + speed + 'px';
}
else {
list.style.left = newLeft + 'px';
if (newLeft >= 0) {
list.style.left = -3600 + 'px';
}
else if (newLeft <= -4200) {
list.style.left = -600 + 'px';
}
amd = false;
}
}
go();
}
$.click(prev, function () {
if (!amd) {
animate(-600);
index--;
if (index === -1) {
index = 5;
}
showButton();
}
});
$.click(next, function () {
if (!amd) {
animate(600);
index++;
if (index === 6) {
index = 0;
}
showButton();
}
});
for (var i = 0; i < buttons.length; i++) {
$.click(buttons[i], function() {
if (!amd) {
var toIndex = parseInt(this.getAttribute('index'));
if (toIndex === index) {
return;
}
animate((toIndex - index) * (-600));
index = toIndex;
showButton();
}
})
};
}
Yp_panda
false
3
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>glen</title>
<link rel="stylesheet" type="text/css" href="css/task0002_3.css">
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/task0002_3.js"></script>
</head>
<body>
<div class="box">
<div class="piclist" id="list">
<img src="img/6.png" alt="6">
<img src="img/1.png" alt="1">
<img src="img/2.png" alt="2">
<img src="img/3.png" alt="3">
<img src="img/4.png" alt="4">
<img src="img/5.png" alt="5">
<img src="img/6.png" alt="6">
<img src="img/1.png" alt="1">
</div>
<ol id="light-button">
<li class="light" index="0"></li>
<li index="1"></li>
<li index="2"></li>
<li index="3"></li>
<li index="4"></li>
<li index="5"></li>
</ol>
<a id="prev" class="arrow" href="javascript:"></a>
<a id="next" class="arrow" href="javascript:"></a>
</div>
</body>
</html>
登录百度账号
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频!
贴吧页面意见反馈
违规贴吧举报反馈通道
贴吧违规信息处理公示