通用不间断滚动JS封装类和省区市3级联动封装类

javascript

2015-04-18 09:44

http://www.popub.net/

滚动系列

------------------------------------------------------------------------------------------------------------

引入 <script type="text/javascript" src="/path/MSClass.js"></script> 该文件在您的HTML文档<head>标签之内

    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
   });

</script>

属性

ID string 必需容器ID，通过new Mraquee("")第一个参数指定ID

Direction integer 0 滚动方向(默认为0向上滚动) 值:0上 1下 2左 3右 -1上下交替 4左右交替

Step integer/array 2 滚动的步长(数值越大,滚动越快,小于1切换为缓动。若为数组[0.5,20]形式，则可设置Tween的缓动类别,0.5为系数，20为缓动类别)

Width integer 容器初始设置的宽度容器可视宽度(默认值为容器初始设置的宽度)

Height integer 容器初始设置的高度容器可视高度(默认值为容器初始设置的高度)

Timer integer 30 定时器，即频率/执行周期(默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20) DelayTime integer 0 间歇停顿延迟时间(默认为0不停顿,1000=1秒)

WaitTime integer 0 开始时的等待时间(默认或0为不等待,1000=1秒)

ScrollStep integer 0 间歇滚动间距(默认为翻屏宽/高度,该数值为-2，DelayTime为0则为鼠标悬停控制,-1禁止鼠标控制)

SwitchType integer 0 轮显类型(默认为0滚动,可选值1切入,2渐显)

HiddenID string/array null 隐藏区域ID(可选,如果隐藏区域只有一层，可以用"hiddenid"的形式，如果多层，请用数组["hiddenid1","hiddenid2"]的形式全包含进去)

注意：以上参数针对直接赋值法应用有先后顺序之分，如：new Marquee("Marquee",0,1,760,104,20,5000,0,0,0,["hiddenid1","hiddenid2"])

MSClassID string 针对对象赋值必需容器ID ContentID string UL+LI、DL+DT+DD必需针对DIV+CSS的应用，属显示容器内的内容区域ID，即实际内容容器UL或DL的ID。

TabID string/array 页码/TAB的ID 可选，如果需要页码/TAB支持，将相关ID传递进来即可，若多个Tab应用请以数组形式传递，如：["tabid1","tabid2"]。

TabEvent string onmouseover 可选，针对页码/TAB鼠标响应方式，默认"onmouseover"，鼠标划过即切换(可选值:"onclick")

TabTimeout integer 鼠标响应延迟时间可选，针对页码/TAB鼠标响应延迟时间，鼠标响应事件(TabEvent)在设定时间后方有效。

MSClass array/object 若设置此项，则
以上5项不需要设置快速设置：["MSClassID","ContentID","TabID","TabEvent",200]分别对应上述相关参数,不需要的参数省略不写即可，如["MSClassID","ContentID"]；

{MSClassID:"MSClassID",ContentID:"ContentID",TabID:"TabID",TabTimeout:200}分别对应上述相关参数,不需要的参数省略不写即可。

ContextMenu array 右键菜单相关，可选，默认关闭，格式:[1,["menu1"],[],["menu2","fn()"]]。(0/1,开启/关闭；["menu1"]不可点击，[]分隔线,["menu2","fn()"]可点击及点击事件)

PrevBtnID string 执行下一次滚动的元素ID，可选，针对间歇滚动有效 NextBtnID string

执行上一次滚动的元素ID，针对间歇滚动有效

AutoStart boolean 针对对象赋值有效针对对象赋值设置是否使应用自动执行(省去Start步骤)。可选值：0,1,true,false

省市区3级联动

------------------------------------------------------------------------------------------------------------

引入 <script type="text/javascript" src="js/PCASClass.js"></script> 该文件在您的HTML文档<head>标签之内

html文档内放入3个下拉菜单

提示：

对于非utf8编码，js需正确设置charset属性，请在页面头部用如下方式引用<scrpt src="/path/PCASClass.js" charset="gb2312"></scrpt>
初始数据请在文档加载完成后动态处理，或者将设置的JS脚本放置到对应ID或Name元素的下方，否则引起报错;
JS未做容错处理，请核实要设置的ID或NAME页面元素是否存在

通用不间断滚动JS封装类 和 省区市3级联动封装类

javascript

2015-04-18 09:44

通用不间断滚动JS封装类和省区市3级联动封装类