[原创]自己编写的一个JS无边距滚动的类

原创 2006年05月25日 18:31:00

代码已经全放出来了,如有转载的话,希望保留出处。

[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>

<!--横向滚动的模板-->
<div id="root">
  <span id="r1">11111111122222222222233333333344444444555555555888666999000</span><span id="r2"></span>
</div>
<!--横向滚动的模板-->

 

<!--横向滚动的代码-->
<script language="javascript" type="text/javascript">
 // maqruee(滚动框架, 第一列的ID, 第二列的ID, 滚动的样式, 滚动框架的宽度, 滚动框架的高度)
 //滚动的样式:
 //0  从下往上滚动
 //1  从右向左滚动
 var tt = new marquee("root", "r1", "r2", 1, "150px", "20px");
 tt.star(tt, 50);
 //50 为滚动速度,值越大,滚动得越慢
</script>
<!--横向滚动的代码-->

<br /><br /><br /><br /><br /><br /><br /><br /><br />

<!--竖向滚动的模板-->
<div id="hroot">
  <div id="hr1">111111111222222222222333333333<br />4444444455555555588866<br />6999000<br />333333333333333333333<br />555555555555555<br />88888888888888888</div>
  <div id="hr2"></div>
</div>
<!--竖向滚动的模板-->

 

<!--竖向滚动的代码-->
<script language="javascript" type="text/javascript">
 // maqruee(滚动框架, 第一行的ID, 第二行的ID, 滚动的样式, 滚动框架的宽度, 滚动框架的高度)
 var htt = new marquee("hroot", "hr1", "hr2", 0, "150px", "50px");
 htt.star(htt, 50);
 //50 为滚动速度,值越大,滚动得越慢
</script>
<!--竖向滚动的代码-->
</body>
<--代码已经全放出来了,如有转载的话,希望保留出处。-->
</html>

代码已经全放出来了,如有转载的话,希望保留出处。
版权声明:本文为博主原创文章,未经博主允许不得转载。

自己写的String类

1:MyString.h #pragma once class myCString { public: int GetLength()const {return m_nLength;} ...
  • djb100316878
  • djb100316878
  • 2014年12月01日 08:49
  • 1253

编写自己的的js库(更新中...)

编写自己的的js库(更新中...)
  • LOW584710047
  • LOW584710047
  • 2015年04月23日 17:34
  • 1655

写一个js编写的文件上传控件。(原创的)

function UploadFile(){} UploadFile.prototype={ multiupload:false, intervale:2000000, enable:true, sy...
  • lldgoodone
  • lldgoodone
  • 2011年03月22日 17:23
  • 2458

Java ----类加载器(自己写)

每一个技术,最好掌握以下底层的原理,这样才能得心应手
  • yangxin_blog
  • yangxin_blog
  • 2015年09月04日 22:34
  • 945

写一个自己的javascript库

在上一篇文章中提到了JavaScript库实际上就是一堆函数的集合,就是方便给你调用的不用自己写那些功能强大的函数……这篇文章说一说如何创建JavaScript库及需要注意的问题!期待您光临斧正! ...
  • u011096030
  • u011096030
  • 2013年12月16日 16:30
  • 1448

css实现页面无边距

SDK\Samples\JS\beginner\HTMLWindow\Introdution.html Introdution body{ margin-left: 0p...
  • wagner_zk
  • wagner_zk
  • 2016年08月10日 14:28
  • 452

【C++】编写一个智能指针类。

编写一个智能指针类。 智能指针是一个数据类型,一般用模板实现,模拟指针行为的同时还提供自动垃圾回收机制。 它会自动记录SmartPointer对象的引用计数,一旦T类型对象的引用计数为0,就释放该...
  • michellechouu
  • michellechouu
  • 2015年07月24日 13:47
  • 773

用数组编写一个ArrayList类

粗略的用数组来实现了ArrayList的方法,不够完善之处继续改正~~
  • Z_HaiSome
  • Z_HaiSome
  • 2016年08月24日 16:11
  • 270

自定义一个异常类模板代码实例

一:自定义异常类: package 自定义异常; //或者继承RuntimeException(运行时异常) public class MyException extends Exception ...
  • u012110719
  • u012110719
  • 2015年06月06日 21:21
  • 2509

如何编写自己的JavaScript组件

相信大家在开发过程中一定简介或直接的引用了很多各种类库的组件。但是,有时候因为需求的缘故,网上的组件并不能满足我们的需求,这时候就需要我们自己来编写组件。本文以一个简单的例子,来了解一下一个组件搭建的...
  • qq_32300363
  • qq_32300363
  • 2017年05月03日 21:40
  • 948
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[原创]自己编写的一个JS无边距滚动的类
举报原因:
原因补充:

(最多只允许输入30个字)