手机游戏
经典单机
角色扮演
休闲益智
动作冒险
射击枪战
赛车竞速
模拟经营
解密闯关
策略战争
手机软件
时尚购物
体育运动
资讯阅读
教育学习
摄影摄像
生活服务
效率办公
聊天社交
视频盒子
其它软件
新闻资讯
游戏攻略
软件教程
游戏问答
软件资讯
软件技术
叨叨念念
网站技术
技术问答
软件教程
资源资料
原创作品
代码学习
网页设计
网络技术
合集
合集
游戏合集
软件合集
资讯合集
视频合集
首页 > 代码学习 > 代码学习

firefox滚动图片

作者:星知苑 时间:2011-10-17 13:31:41

以下代码兼容ie6,firefox,chrome等浏览器,在多种浏览器下均正常滚动。

滚动速度,可以修改代码setTimeout("ScrollPic()",10);中10,这个数值越大,速度就越慢。
一般在15~20左右为好。部分还要根据你图片的大小等等。速度酌情更改

长宽高等参数也请在代码中修改,这里不一一说明了。
[break]
<script language="javascript">
function init()
{
var pics = document.getElementById("pictures").childNodes;
var length = pics.length;
ScrollPic.prototype.flag = 0;
for(var i = 0 ; i < length ; i++)
{
  // 兼容FireFox.....
  if(pics[i].tagName == "TD")
  {
   var td = document.createElement("TD");
   td.innerHTML = pics[i].innerHTML;
   document.getElementById("pictures").appendChild(td);
  }
}
document.getElementById("pictures").onmouseover = function ()
{
  ScrollPic.prototype.flag = 1;
}
document.getElementById("pictures").onmouseout = function ()
{
  if(ScrollPic.prototype.flag = 1)
  {
   ScrollPic.prototype.flag = 0;
   ScrollPic();
  }
}
ScrollPic();
}

function ScrollPic()
{
var layer = document.getElementById('MarqueePictues').getElementsByTagName("DIV")[0];
if(layer.scrollLeft++ == layer.scrollLeft)
{
  layer.scrollLeft = layer.clientWidth/2 - 40;
}
if(ScrollPic.prototype.flag == 0)
{
  setTimeout("ScrollPic()",10);
}
}
window.onload=init;
</script>
<div  id="MarqueePictues">
<div style="overflow:hidden;width:700px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr id="pictures">
         <td><img src="1.jpg" /></td>
         <td><img src="1.jpg" /></td>
         <td><img src="1.jpg" /></td>
         <td><img src="1.jpg" /></td>
         <td><img src="1.jpg" /></td></tr>
</table>
</div>
</div>

良心推荐

学好英语的软件有哪些
  • 懒人英语手机版下载
  • 每日英语听力破解版2021
  • 傻瓜英语免费版
  • 开言英语app安卓下载
  • 每日英语app下载
  • 可可英语网页版
学习英语目前已经是成为不再是一个大人的事情,也是很多的上班族都需要增进英语的都是可以在手机上自我去学习,很多的软件学习英语基本上来说功能还有教学的资源内容这些都是很大的不同的,所以想要找到一个适合自己的你可以到这里找到,汇聚了比较好用的还有一些可以让你进行针对性的练习学习英语的软件。

相关资讯