赋值鼠标区域免费素材下载 MSClass

资源魔 94 0

MSClass,是一款通用没有间断滚动JS封装类,简直支持今朝一切盛行格调的图片或文字的滚动/切入/渐显等成果,同时支持横向/竖向/延续/间断/缓动等多种方式。

示例

文字类使用实例演示
图片类使用实例演示
图文类使用实例演示
初级使用实例演示
入门

想要应用这款组件,需求页面引入 MSClass.js 外围文件,该文件正在您的HTML文档<head>标签以内。


<script type="text/javascript" src="/path/MSClass.js"></script>
参数间接赋值法:


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

应用倡议:
关于复杂/初级使用保举应用"<b>工具间接赋值法</b>"创立使用实例
关于DIV+CSS(UL+LI)使用中,若文字不成见请先测验考试指定LI的字体巨细
倡议间接付与容器的显示区域的宽度以及高度,如(<div id="Marquee" style="width:760px;height:52px;">......</div>)
倡议为容器增加款式overflow = auto,如(<div id="Marquee" style="width:760px;height:52px;overflow:auto;">......</div>)
为了更精确的猎取滚动区域的宽度以及高度,请尽可能将各滚动单元间接付与正确宽高度
关于TABLE标志的横向滚动,需求对TABLE增加款式display = inline,如(<div id="Marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>)
关于翻屏滚动或间歇滚动,要留意各滚动单元间的间距,同时需求对容器的可视高度以及可视宽度做好精确的设置,关于各滚动单元间的间距能够经过设置行间距或许单位格的高宽度来进行调整
若关于UL、LI主动换行的款式设置成绩上存正在艰难,倡议将其转换成表格(TABLE)的方式来达到等同的成果
针对横向滚动的文字段落,假如最结尾是以空格" "完结的,请将空格" "转换成"&nbsp;"
鼠标悬停滚动思维源自Flash,以是有肯定的局限性(容器内仅容许用图片<img>或许带链接的图片<a><img></a>的方式,并需求制止其主动换行)
若用户有暗藏区域的使用(display=none),应正在此剧本失效后,静态将该区域设置成没有显示方可失效,或许经过"工具间接赋值法"将暗藏区域ID通报给HiddenID它的特性:

  横向、纵向滚动格局调整 (处理横向滚动换行的成绩,无需非凡设置), 彻底处理因为IE成绩招致上下滚动页面留白的成绩,它能够制止鼠标管制暂停或持续 (将第9个参数设置为-1或许静态赋值将ScrollSetp设置为-1), 判别能否能够滚动 (若内容区域小于显示区域,则主动勾销滚动),跳过初始化谬误 (防止惹起其它滚动的中止),默许值 (除了容器ID必选外,其余参数都可依据状况进行抉择设置),参数静态赋值,文字滚动不许确 (本次更新次要目的处理此Bug,感激周珺参加测试),鼠标悬停扭转滚动标的目的 (鼠标悬停管制阁下滚动),因为文档下载过慢而招致猎取的高度/宽度不许确。兼容IE、FF、Opera、NS、MYIE等泛滥阅读器。

标签: VirtualKeyboard Marquee Scroll

抱歉,评论功能暂时关闭!