 |
|
JavaScript点击TOP10 |
|
|
Script点击TOP10 |
|
|
|
|
| 纵向滚动无缝链接/横向滚动无缝链接 |
| 作者:我去下载 时间:2006-2-8 19:40:45 |
|
|
<table width="40" border="0" cellspacing="0" cellpadding="0">
<tr><td width="40" height="170">
<div id="demo" style="overflow:hidden;height:170;color:#ffffff">
<table align=top cellpadding=0 cellspacing=0 border=0>
<tr><td id="demo1">
<table>需要滚动的内容</table>
</td></tr>
<tr>
<td id="demo2"></td>
</tr></table>
</div>
<script language="JavaScript">
var speed=20;
demo2.innerHTML=demo1.innerHTML; //克隆demo1为demo2
function Marquee(){
if(demo2.offsetHeight <= demo.scrollTop){ //当滚动至demo1与demo2交界时
demo.scrollTop = demo.scrollTop - demo1.offsetHeight;
//demo跳到最顶端
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed); //设置定时器
demo.onmouseover=function() //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() //鼠标移开时重设定时器
</script>
</td></tr></table>
/*******************************************************完****************************/
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="12">
<div id="demo" style="overflow:hidden;width:754;color:#ffffff">
<table align=left cellpadding=0 cellspacing=0 border=0><tr><td id="demo1">
<table>用表格组织你的图片</table>
</td>
<td id="demo2"></td>
</tr>
</table>
</div></td></tr></table>
<script language="JavaScript">
var speed=20;
demo2.innerHTML=demo1.innerHTML; //克隆demo1为demo2
function Marquee(){
if(demo2.offsetWidth <= demo.scrollLeft){ //当滚动至demo1与demo2交界时
demo.scrollLeft = demo.scrollLeft - demo1.offsetWidth;
//demo跳到最顶端
}
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed); //设置定时器
demo.onmouseover=function() //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() //鼠标移开时重设定时器
</script>
</td></tr></table> |
分页:
|
相关文章:
|
|
|
