高坂保奈美无码截图:悬赏50分ASP:循环滚动图片的代码请解释

<marquee>标签是很方便,但要实现不间断的滚动确比较麻烦.

楼主的这段是网上很经典的滚动代码,我斗胆以个人理解做个注释:

offsetWidth是指物体可见宽度
scrollLeft是指滚动滑块在滚动条上的位置
<!--对于此例,网页中一般会有三个容器,此处为demo,demo1和demo2;其中demo1和demo2均在demo中
demo的overflow属性一般为hidden,我在这里用auto是为了方便你查看scrollLeft的状态,
另外为方便你理解scrollLeft和offsetWidth,我还在后面加了一个viewstatus函数,鼠标经过容器时会看到相关参数值
//-->
<div id=demo style="width:200;overflow:auto">
<table><tr>
<td id=demo1>
<img src='a.gif' width=100><img src='b.gif' width=100></td>
<td id=demo2></td>
</tr></table>
</div>

<script>
var speed=30 //定义速度,实指下面滚动函数的执行间隔,值越小滚动越快
demo2.innerHTML=demo1.innerHTML //将demo1中的内容复制到demo2
function Marquee(){ //开始定义滚动函数
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth //如果滑动块的位置大于demo2的宽度,滑动块退回一个demo2的宽度
else{
demo.scrollLeft++ //否则,滑动块向右滚动(图片向左滚)
}
}//滚动函数定义完
var MyMar=setInterval(Marquee,speed) //设置定时器,使滚动函数每30毫秒运行一次
demo.onmouseover=function() {clearInterval(MyMar);viewstatus();}//鼠标经过时,清除定时器,停止执行滚动函数,弹出信息;
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}// 鼠标离开后,继续滚动

function viewstatus(){//这是我加的函数,很简单,不注释了
mess="demo.scrollLeft:"+demo.scrollLeft+"\ndemo1.offsetWidth:"+demo1.offsetWidth+"\ndemo2.offsetWidth:"+demo2.offsetWidth;
alert(mess);
}
</script>

我也花了好久时间才算弄明白(自以为是明白,呵呵),不知理解的对不对.
还请高手指教.

给你滚动代码，图片你自己添加上即可。
滚动图片的代码是：
<center><MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=600 height=350>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV></MARQUEE></center>
说明：
1，<center></center>前后代码代表居中的意思，可以居中滚动
2，scrollAmount=1 scrollDelay=1可以设置数值，也就是滚动速度，数值越大滚动越快。
3，direction是方向，up=上，down=下，left=左，right=右，都可以自定义，愿意怎么滚动就怎么滚动。
4，width 宽度，height 高度 也是自定义更改。
5，做练习几次就会熟练了。

有空来坐坐，欢迎您！http://blog.sina.com.cn/m/dhy