首页 > 网站 > WEB开发 > 正文

博客第一篇:介绍一个js封装类 MSClass.js

2024-04-27 14:08:51
字体:
来源:转载
供稿:网友

博客第一篇:介绍一个js封装类 MSClass.js

新手第一篇博客,如有不足 请多多指教哈~

在偶然的一次机会,接触到一个js封装类 那时候是我刚学js的时候,觉得什么效果都写不出来,脑子里也没有什么思路和逻辑之类的(新手们有这样的问题么...)

然后在随便点开链接的时候,接触到了一个js类 MSClass.js。。

MSClass,是一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。

要使用它,先在head部分引入MSClass.js核心文件,如:

<script type="text/javascript" src="MSClass.js"></script>

MSClass.js有参数直接赋值、参数动态赋值法、对象直接赋值的方法。

参数直接赋值:

<script type="text/Javascript">new Marquee("Marquee",0,1,760,104,50,5000,3000,52)new Marquee("Marquee",null,null,760,104,null,5000,null,-1)</script>

参数动态赋值法:

<script type="text/javascript">var Marquee1 = new Marquee("Marquee") *此参数必选Marquee1.Direction = "top"; 或者 Marquee1.Direction = 0;Marquee1.Step = 1;Marquee1.Width = 760;Marquee1.Height = 52;Marquee1.Timer = 50;Marquee1.DelayTime = 5000;Marquee1.WaitTime = 3000;Marquee1.ScrollStep = 52;Marquee1.Start();</script>

对象直接赋值

<script type="text/javascript">new Marquee({MSClass : {MSClassID : "MSClassBox " , ContentID : "ContentID " , TabID : "TabID "},Direction : "top",Step : 0.1,Width : 760,Height : 52,Timer : 50,DelayTime : 5000,WaitTime : 3000,ScrollStep: 52,AutoStart : 1});new Marquee({MSClassID : "MSClassBox ",ContentID : "ContentID ",TabID : "TabID ",Direction : "top",Step : [0.5,30],Width : 760,Height : 52,Timer : 50,DelayTime : 5000,WaitTime : 3000,ScrollStep: 52,AutoStart : 1});new Marquee({MSClass : ["MSClassBox ","ContentID ","TabID "],Direction : "top",Step : [0.4,"eaSEOutElastic"],Width : 760,Height : 52,Timer : 50,DelayTime : 5000,WaitTime : 3000,ScrollStep: 52,AutoStart : 1});</script>

它只针对于图片文字的动态效果,是一个独立的封装类 ,一般与其他js类不冲突。

而且几乎兼容市面上的所有浏览器。。

具体参数及用法 请参照:http://www.popub.net/script/MSClass.html 。谢谢~


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表