您的位置:首页 > 网页制作 > HTML/Xhtml

横向连续滚动图片的代码

日期:2005-11-19 00:00:00 点击: 来自: 作者:

<div style="width:264;height:31;overflow:hidden">
<nobr style="position:relative;top:0;width:264" id=news>
<img src="http://www.chinaddv.com/images/logo.gif";><img src="http://www.chinaddv.com/images/logo.gif";><img src="http://www.chinaddv.com/images/logo.gif";>
</nobr>
<script language="JScript">
function newsScroll(){
//news的居左距离等于它的居左距离取余它的宽度的一半
news.style.pixelLeft=(news.style.pixelLeft-1)%(news.clientWidth/2);
}
setInterval('newsScroll()',10);//循环执行函数
</script>

在线调试此代码:http://tool.chinahtml.com/html_run.html

More..素材图片 Picture Navigation
相关链接 Correlation Link
HTML/Xhtml热门 Class Hot
HTML/Xhtml推荐 Class Commend
版权所有:中国网站资源 2005- 未经授权禁止复制或建立镜像 This Site Tech:XHTML+DIV+CSS+Javascript
CopyRight ® 2005- www.chinaddv.com online services. all rights reserved. ICP06016627
Optimized to 1024x768 to Firefox,Netscape,Opera,MS-IE6+.