-
我自己添加的自动轮播: var pos, interval; function switchSlider(n){ //...此处代码跟视频中一样 pos = n; } function autoPlay(m){ interval = window.setInterval(function(){ //console.log(m); if(m==data.length){ m = 0; } switchSlider(++m); movePic(); },3000); } var slider = g('.slider')[0]; slider.addEventListener('mouseover',function(){ clearInterval(interval); }) slider.addEventListener('mouseout',function(){ autoPlay(pos); }) window.onload = function(){ addSliders(); switchSlider(1); movePic(); autoPlay(pos); }查看全部
-
不错啊查看全部
-
最后用setTimeout延时来确保img加载完成还是不靠谱的,毕竟网络环境差异很大,应该监听img的onload事件查看全部
-
hhjjjjjjjjjjjj查看全部
-
CSS+js幻灯片!查看全部
-
方法论:VCD分析法 view视觉,data数据controller控制查看全部
-
box-reflect语法查看全部
-
css3倒影制作查看全部
-
font-smooth查看全部
-
imgs/{{index}}.jpg查看全部
-
轮播的数据一般从后台传输过来,一般是一个json数组,通过ajax传递过来查看全部
-
a元素的display要改成inline-block才能对其设置高度宽度查看全部
-
预览图的倒影查看全部
-
预览图倒影 webkit-box-reflect: none | <direction> <offset>?<mask-box-image>? <direction> = above|below|left|right <offset>=<length>|<percentage> <mask-box-image> = none | <url> | <linear-gradient>|<radial-gradient>|<repeating-linear-gradient>|<repeating-radial-gradient> default value:none查看全部
-
案例总结查看全部
举报
0/150
提交
取消