代码已经全放出来了,如有转载的话,希望保留出处。
[js_marquee.js]
/*
power by www.iebsoft.com
author: yagas
mail:yagas@163.com
*/
var marquee = function(root, row1, row2, style, width, height){
this.m_root = document.getElementById(root);
this.m_row1 = document.getElementById(row1);
this.m_row2 = document.getElementById(row2);
this.m_style = style;
this.m_root.style.overflow = "hidden";
this.m_root.style.width = width;
this.m_root.style.height = height;
this.m_row2.innerHTML = this.m_row1.innerHTML;
}
marquee.prototype.scrolls = function(){
switch(this.m_style){
case 0:
if(this.m_row2.offsetHeight - this.m_root.scrollTop <=0){
this.m_root.scrollTop -= this.m_row1.offsetHeight;
}else{
this.m_root.scrollTop++;
}
break;
case 1:
if(this.m_row2.offsetWidth - this.m_root.scrollLeft <=0){
this.m_root.scrollLeft -= this.m_row1.offsetWidth;
}else{
this.m_root.scrollLeft++;
}
break;
}
}
marquee.prototype.star = function(obj, speed){
var fm = function(){ obj.scrolls(); }
var mt = setInterval(fm, speed);
obj.m_root.onmouseover = function(){ clearInterval(mt); }
obj.m_root.onmouseout = function(){ mt = setInterval(fm, speed); }
}
[index.htm]
<!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=gb2312" /> <title>无标题文档</title> <script language="javascript" type="text/javascript" src="js_marquee.js"></script> </head>
<body> <!--横向滚动的模板-->
<!--横向滚动的代码--> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <!--竖向滚动的模板-->
<!--竖向滚动的代码--> |