动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 横向连续滚动图片的代码

作者来源: 
阅读 5516 人次 , 2006-2-16 14:53:00 

<div style="width:264;height:31;overflow:hidden">
<nobr style="position:relative;top:0;width:264" id=news>
<img src="http://www.cndw.com/images/logo.gif";><img src="http://www.cndw.com/images/logo.gif";><img src="http://www.cndw.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

  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:制作1px边框表格的几种方法
· 下一篇:英文字符自动换行(防止表格撑坏)方法
· CSS 循序渐进(一)画个瓢
· 同一个页面用多个id有什么影响
· 样式表中的类
· 基本配色——浪漫
· VBScript教程 第二课


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077