图片自由切换用JS特效怎么做
我建议初学者，一定要有能思考问题的能力。 图片自由切换，那么网页中图片是怎么出来的。 你可能会说通过img标签插入进来的。 但是在具体呢？ 没错通过src 链接图片的地址。
好了，在回到问题，图片自由切换实际上就根据javascript来动态改变图片的src 里面的值。
在jquery中有attr() 方法设置或返回被选元素的属性值。
在原声javascript中setAttribute()这个方法用来设置节点的属性值，getAttribute()方法获取元素节点的属性值。
js实现图片自动的滚动效果
自动滚动，主要思路是用js自带的setInterval方法。定义和用法setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。语法setInterval(code,millisec[,"lang"])参数code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。 返回值一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。简单的例子，仅供参考： *{ margin:0; padding:0; list-style:none;} #box{ width:840px; border:1px solid #000; height:210px; margin:30px auto; position:relative; overflow:hidden;} #box ul{ position:absolute; left:0; top:0;} #box ul li{ width:200px; height:200px; float:left; padding:5px;} window.onload=function(){ var oBox=document.getElementById('box'); var oUl=oBox.children[0]; var aLi=oUl.children; //复制一份内容 oUl.innerHTML+=oUl.innerHTML; oUl.style.width=aLi.length*aLi[0].offsetWidth+'px'; setInterval(function(){ var l=oUl.offsetLeft+10; if(l>=0){ l=-oUl.offsetWidth/2; } oUl.style.left=l+'px'; },30); };
