博客第一篇:介紹一個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 。謝謝~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM