javascript无缝滚动自用版

自己看着写了个简单的，呵呵。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>无缝滚动-write by ahuinan 2010-5-31</title>
<style type="text/css">
*{
	padding:0;
	margin:0;
	font:12px tahoma;
	text-decoration:none;
}

#marqueeDiv{
	width:400px;
	height:120px;
	overflow:hidden;
	background:#cccccc;
	margin:0 auto;
	position:relative;
}

#marqueeTable{
	position:absolute;
}
#marqueeDiv table tr td img{
	border:1px solid black;
}
#marqueeDiv table tr td a{
	display:block;
	text-align:center;
}

</style>

</head>

<body>
	<div id="marqueeDiv">
    	<table id="marqueeTable">
        	<tr id="tr1">
            	<td><a href="http://www.sosuo8.com/"><img src="/images/logo.gif" /></a><a href="http://www.sosuo8.com/">搜索吧A</a></td>
                <td><a href="http://www.sosuo8.com/"><img src="/images/logo.gif" /></a><a href="http://www.sosuo8.com/">搜索吧B</a></td>
            </tr>
        </table>
    	
    </div>
</body>
</html>
<script language="javascript" type="text/javascript">
function $(obj){
	return document.getElementById(obj);
}
var marqueeWidth = parseInt($("tr1").offsetWidth);
var tempWidth = 0;
var timeVar;
function marqueeLeft(){
	tempWidth = tempWidth - 1;
	$("marqueeTable").style.left = tempWidth + "px";
	if(Math.abs(tempWidth) == marqueeWidth){
		$("marqueeTable").style.left = "0px"; 
		tempWidth = 0;
	}

}
window.onload = function(){
	var tr = $("tr1");
	var sourceTds = tr.getElementsByTagName("td");
	var sourceTds_length = sourceTds.length;
	var copyTd;
	for(var i = 0 ;i < sourceTds_length;i++){
		copyTd = tr.insertCell(-1);//-1标识加到末尾
		copyTd.innerHTML = sourceTds[i].innerHTML;
	}

	timeVar = setInterval(marqueeLeft,30);
	
	
}
</script>

提示：您可以先修改部分代码再运行，对于jquery等代码需要运行后刷新一次

上一篇：coolite中的TabPanel做“除此之外全部关闭”

下一篇：ie和FF 在insertRow和insertCell的区别

留下脚印压缩包密码:sosuo8

全部评论:

申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ javascript无缝滚动自用版 ”的原作者，若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法：email:ahuinan@21cn.com QQ:106494262

感谢以下网友对网站提出的建议：
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)

文章档案

作者：阿会楠
来源：搜索吧
日期：2010-6-1 21:39:00
点击：239

网友投票(您觉得这篇文章怎样？)

请稍侯......

实用文章总结

文章阅读排行

随便看看

最新评论