Javascript:通用不间断滚动&省、市、地区联动选择JS封装类
通用不间断滚动JS封装类&省、市、地区联动选择JS封装类
官方主页: http://www.popub.net/script/MSClass.html
一 环境:XP+Myeclipse6.5+Tomcat7
二 简单示例:详见工程附件
1 文字上下滚动

　 
创建实例 
//参数直接赋值法 
new Marquee("marquee") 
new Marquee("marquee","top") 
　　...... 
new Marquee("marquee",0,1,760,52) 
new Marquee("marquee","top",1,760,52,50,5000) 
　　...... 
new Marquee("marquee",0,1,760,104,50,5000,3000,52) 
new Marquee("marquee",null,null,760,104,null,5000,null,-1) 

//参数动态赋值法 
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(); 
   
参数说明 
ID　"marquee"　容器ID　(必选)
Direction　(0)　滚动方向　(可选,默认为0向上滚动) 值:-1,0,1,2,3,4(0上 1下 2左 3右 -1上下交替 4左右交替) 
Step　　　　 (1)　　　　滚动的步长　　　　(可选,默认值为2,数值越大,滚动越快) 
Width　　　　(760)　　　容器可视宽度　　　(可选,默认值为容器初始设置的宽度) 
Height　　　 (52)　　　 容器可视高度　　　(可选,默认值为容器初始设置的高度) 
Timer　　　　(50)　　　 定时器　　　　　　(可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20) 
DelayTime　　(5000)　　 间歇停顿延迟时间　(可选,默认为0不停顿,1000=1秒) 
WaitTime　　 (3000)　　 开始时的等待时间　(可选,默认或0为不等待,1000=1秒) 
ScrollStep　 (52)　　　 间歇滚动间距　　　(可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制) 

 使用建议 
1、建议直接赋予容器的显示区域的宽度和高度，如(<div id="marquee" style="width:760px;height:52px;">......</div>) 
2、建议为容器添加样式overflow = auto，如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>) 
3、为了更准确的获取滚动区域的宽度和高度，请尽可能将各滚动单位直接赋予正确宽高度 
4、对于TABLE标记的横向滚动，需要对TABLE添加样式display = inline，如(
        <div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>) 
5、对于翻屏滚动或间歇滚动，要注意各滚动单位间的间距，同时需要对容器的可视高度和可视宽度做好准确的设置，对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整 
6、若对于UL、LI自动换行的样式设置问题上存在困难，建议将其转换成表格(TABLE)的形式来达到同等的效果 
7、针对横向滚动的文字段落，如果最末端是以空格" "结束的，请将空格" "转换成" " 
8、鼠标悬停滚动思想源自Flash，所以有一定的局限性(容器内仅允许用图片<img>或者带链接的图片<img>的形式，并需要禁止其自动换行) 
9、此JS文档为ANSI编码格式，若用户的页面为UTF-8编码格式，建议对引用脚本标签加入charset="gb2312"的属性，或者将js文档以UTF-8的编码格式另外存储 
10、若用户有隐藏区域的应用(display=none)，应在此脚本生效后，动态设置成不显示方可生效