你的位置:首页 > Java教程

[Java教程]博客第一篇:介绍一个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 。谢谢~