真正的连续滚动图片- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 真正的连续滚动图片

Javascript: 让您的菜单不离网站; JavaScript去除空格的几种方法; TFDN图片播放器不错自动播放; 通过ifame指向的页面高度调整iframe的高度; 解放web程序员的输入验证; 让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）; 关于textarea的直观换行的一些研究材料; 网页缓存文件批量改名工具; 按钮里的字可以换行吗; 许愿墙中用到的函数; 自动更新作用; 激活 ActiveX 控件; 使用Javascript和DOM Interfaces来处理HTML; 获取DOM对象的几种扩展及简写; splice slice区别; Array.slice()与Array.splice()的返回值类型; $$()函数应用实例; window.open的功能全解析; 点击单元格后可编辑单元格内文本如何制作; 用JavaScript脚本实现Web页面信息交互

No. « ‹ 26 27 28 29 › »

技术文章搜索

关键字

Javascript 中的真正的连续滚动图片

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 75 ::

收藏到网摘: n/a

打造个性化的Select(可编辑) js常用函数不错

点击运行可以看到效果:

<SCRIPT language=JavaScript>
function marquee1()
{ document.write("<div style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat) onmouseout=repeat=setInterval(scrollMarquee,1)>")
}
function marquee2()
{ document.write("</div>") marquee.childNodes[0].align='left'; if(marquee.childNodes[0].offsetWidth>marquee.offsetWidth) { marquee.appendChild(marquee.childNodes[0].cloneNode(true)); } else { for(var i=0;i<Math.round(marquee.offsetWidth/marquee.childNodes[0].offsetWidth)+1;i++) { marquee.appendChild(marquee.childNodes[0].cloneNode(true)); } } repeat=setInterval(scrollMarquee,1);
}
function scrollMarquee() { if(marquee.scrollLeft<marquee.childNodes[0].offsetWidth) marquee.scrollLeft++; else marquee.scrollLeft=0; }
</SCRIPT> <SCRIPT language=JavaScript>marquee1();</SCRIPT>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg" alt="图片8" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg" alt="图片7" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg" alt="图片6" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif" alt="图片5" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif" alt="图片4" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg" alt="图片3" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg" alt="图片2" ></td>
<td><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg" alt="图片1" ></td>
</tr>
</table> <SCRIPT language=JavaScript>marquee2(); </SCRIPT>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

打造个性化的Select(可编辑) js常用函数不错

Javascript 中的 真正的连续滚动图片

评论 (0) All

Javascript 中的真正的连续滚动图片