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

WEB设计综合
CSS处理表格边框
DIV+CSS网页布局常用的方法与技巧
优化WEB应用的方法
把XHTML+CSS页面转换成为打印机页面
CSS兼容要点
CSS的三种选择器
跨浏览器的CSS固定定位
shtml精简教程
首页head代码规范
导航页用CSS标志当前页效果
z-index的IE之旅
用CSS按比例缩小图片
针对IE6、IE7和Firefox的CSS
细线表格制作方法
meta标签大作用
网页背景设计
页面控制出现的常见问题及解决办法
重构、标准、布局
网页设计中HTML常范的五个错误
HTML超文本标记语言速查手册

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1517 ::
收藏到网摘: 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

登陆 | 还没注册?