新手第一篇博客,如有不足 請多多指教哈~
在偶然的一次機會,接觸到一個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 。謝謝~
