当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 图片横向连续滚动的代码

WEB设计综合
使用css让英文文本自动换行
兼容IE6/IE7/FF的页面最小宽度设置

WEB设计综合 中的 图片横向连续滚动的代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1516 ::
收藏到网摘: n/a

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

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

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

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

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

评论 (0) All

登陆 | 还没注册?