设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

图片横向连续滚动的代码

上一篇上一篇 | 下一篇下一篇发表时间:2007-11-7 21:31:49

图片横向连续滚动的代码

<div style="width:264;height:31;overflow:hidden">

<nobr style="position:relative;top:0;width:264" id=news>

src="<img src="http://www.w3pop.com/images/logo.gif";>

<imghttp://www.w3pop.com/images/logo.gif";>

<img src="http://www.w3pop.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>

[本日志由 ui163 于 2007-11-7 21:31:49 编辑]
上一篇上一篇:关于DOM事件模型的两件事
下一篇下一篇:CSS+Javascript实现表格背景变色
文章来自:设计学院
收藏到网摘: 收藏到QQ书签
Tags:

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号