-
- 慕先生1765434 2018-07-26
无限循环
function animate(offset){
var newLeft = parseI nt(list.style.left)+offset;
if(newLeft >-600){
list.style.left = -3000+"px";
}
if(newLeft <-3000){
list.style.left = -600+"px";
}
}
小圆点
-
截图0赞 · 1采集
-
- I小小白 2017-09-07
- 其实不用加辅助图，直接5张图，也可以实现。 设置id为list的div的left为0 将容器大小设置为3000后 if(newLeft > 0) { list.style.left = -2400 + "px"; } if(newLeft < -2400) { list.style.left = 0 + "px"; } 也可以实现@风无畏
- 3赞 · 1采集
-
- 永恒梦境 2017-08-20
- 截图大
-
截图0赞 · 0采集
-
- 海的那边是海 2017-03-28
- 如果把style=left写到css里就无法滚动,是因为document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，在IE下可以用currentStyle，
- 0赞 · 0采集
-
- SummerGone 2016-11-25
- corsor：pointer定义鼠标形状为一只伸出食指的手
- 0赞 · 0采集
-
- P妞酱酱 2016-09-22
- xxxxxxxxxx
-
截图0赞 · 0采集
-
- P妞酱酱 2016-09-22
- ccccccccc
-
截图0赞 · 0采集
-
- 在你坟前蹭个WiFi 2016-09-18
- 创建原点循环，break是中断
-
截图0赞 · 0采集
-
- 在你坟前蹭个WiFi 2016-09-18
- 无限滚动
-
截图0赞 · 0采集
-
- 祖国小菜鸡 2016-07-21
- function setButtonClass(offset){ var index = Math.abs(offset/600); for(var i = 0;i<buttons.length;i++){ if(buttons[i].className){ buttons[i].removeAttribute('class'); break; } } buttons[index-1].setAttribute('class','on'); }
- 0赞 · 0采集
-
- 丨朵粑粑花 2016-04-07
- 无限滚动：弥补左右键切换的空白 ①当前面的附属图比第一张大，最后一张附属图比最后一张小的时候，出现这两种情况时让它复位到真正的第一张或第五张图 ②判断是否滚到了辅助图上，滚到了让它归位 ③把常用的list.style.left，存到一个变量中，方便使用 ④添加圆点的切换功能，创建一个变量来承载当前存储的第几张图片/显示第个圆点 ⑤写一个函数，用来显示亮起小圆点的功能 ⑥圆点是数组，所以创建的变量要减去1才能对应上要显示的圆点，让它亮起来添加class名（样式） ⑦再绑定事件中左箭头index要加一，右箭头要减一，调用圆点函数让它点击时显示，每次点击箭头的时候都要改变index的值，使它对应到正确的图片上，调用showButton亮起对应的圆点 ⑧亮起自己的同时，让其他不亮，使用for循环，去掉所有的class，然后break退出循环，不再继续便利元素节点 ⑨箭头点击时，当圆点index大于5时，让它归位为1，小于1时，归位为5，不到5时加一
-
截图2赞 · 0采集
-
- 走路都带风 2016-03-16
- 在圆点切换的时候 next.onclick = function () { index += 1; index = index > 5 ? 1 : index; showButton(); animate(-600); } prev.onclick = function () { index -= 1; index = index < 1 ? 5 : index; showButton() animate(-600);
- 0赞 · 0采集
-
- IsYang 2016-03-11
- 点击左右键时，小圆点随之亮起
-
截图0赞 · 0采集
-
- IsYang 2016-03-11
- 提示小圆点亮起
-
截图0赞 · 0采集
-
- IsYang 2016-03-11
- js无限循环轮播
-
截图0赞 · 0采集
-
- shanlinshuilu 2015-12-23
- 隐藏
- 0赞 · 0采集
-
- 睡不着01 2015-12-15
- 这个要好好学哦
- 1赞 · 0采集
-
- luona 2015-12-01
- postion:relative;相对定位，自己对于自己本身定位，不会脱离整个文档流， postion:absolute;绝对定位，会找一个参照物，会找自己本身最近的一个父元素，前提是离他最近的父元素里面设置了postion:relative;而相对于他进行绝对定位，否则就会对于body本身进行定位，会脱离这个文档流。。。。 z-index表示元素的堆叠顺序；
- 0赞 · 0采集
-
- weibo_JANE幸福小妖_0 2015-11-23
- break退出循环
- 0赞 · 0采集
-
- yxl1074399 2015-10-15
- js无限循环切换
-
截图0赞 · 0采集
-
- yxl1074399 2015-10-15
- js 左右切换
-
截图0赞 · 0采集
-
- Fireflies 2015-05-21
- 判断是否滚动到辅助图上，然后进行归位。
-
截图0赞 · 0采集
-
- 小光头 2015-05-06
- 判断是否滚动到辅助图上，然后进行归位。 比0小，比-3000小
- 2赞 · 1采集
-
- AminHuang 2015-05-02
- 在圆点切换的时候 next.onclick = function () { index += 1; index = index > 5 ? 1 : index; showButton(); animate(-600); } prev.onclick = function () { index -= 1; index = index < 1 ? 5 : index; showButton() animate(-600); }
- 0赞 · 1采集
-
- AminHuang 2015-05-02
- 无限滚动的判断，当到两张辅助图的时候归为
-
截图0赞 · 1采集
-
- 慕设计3743538 2015-04-08
- 1、关于无线循环播放图片的问题： 在animate中加入判断：当(left>-600)||(left<-3000)时，做一个归位。 var newLeft = parseInt(list.style.left) + offset;常用的变量，做一个存储 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、关于小圆点切换图片的问题： var index = 1; //亮起小圆点 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭头点击，小圆点亮起切换的问题 //在next.onclick函数中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一个判断 index += 1; showButton();
-
截图0赞 · 1采集
-
- 彦子Lulu 2015-03-12
- 1、关于无线循环播放图片的问题： 在animate中加入判断：当(left>-600)||(left<-3000)时，做一个归位。 var newLeft = parseInt(list.style.left) + offset;常用的变量，做一个存储 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、关于小圆点切换图片的问题： var index = 1; //亮起小圆点 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭头点击，小圆点亮起切换的问题 //在next.onclick函数中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一个判断 index += 1; showButton();
- 1赞 · 6采集
-
- 亅毛毛醬園滾滾 2014-08-21
- 按钮无限
-
截图0赞 · 0采集
-
- 亅毛毛醬園滾滾 2014-08-21
- 按钮切换
-
截图0赞 · 0采集
-
- 亅毛毛醬園滾滾 2014-08-21
- 1 无限滚动
-
截图0赞 · 0采集
数据加载中...