通用js代码说明
一、 document.getElementByClassName()
1. 引用:http://news.sina.com.cn/js/sd/js/common/dgebc/1.0.0/document.getelementbyclassname-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/dgebc/1.0.0/document.getelementbyclassname.html
3. 参数:第一个参className,第二个参数父对象,第三个参数标签名(eg "div"、"li"),其中第一个参数必选,第二个第三个参数可选。
二、 模拟select
1. 引用:http://news.sina.com.cn/js/sd/js/common/simselect/simselect-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/simselect/demo.html
3. 参数:select对象 ID,div结构ID,className
三、 向上翻滚
1. 引用:http://news.sina.com.cn/js/sd/js/common/scrolltop/1.0.0/scrolltop-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/scrolltop/1.0.0/demo.html
3. 参数:容器ID,页高(px),间隔时间(秒,默认5),速度(毫秒,默认10)
四、 舌签
1. 引用:http://news.sina.com.cn/js/sd/js/common/subshow/1.3.0/subshow-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/subshow/1.3.0/demo.html
3. 参数说明:
ID: String类型,舌签主容器ID,必须存在的ID,如果为空,必须指定为"none"
eventType: String类型,默认触发事件,可选,默认为"onmousedown",参数范围(mousedown,onmouseover,onmouseout,onclick,onmouseup)
defaultID: Number类型,默认打开第N项,可选,默认为0,范围(0~length-1)
openClassName: String类型,打开标签项的className,可选,默认为"selected"
closeClassName: String类型,关闭标签项的className,可选,默认为""
方法1:addLabel(labelID[,contID][,parentBg][,springEvent][,blurEvent])
功能:
添加一个标签。
参数说明:
labelID: String类型,标签的ID,必须存在的ID,如果为空,必须指定为"none"
contID: String类型,标签对应的内容ID,可选,如果不存在,标签切换将不对内容进行操作
parentBg: String类型,当切换到该标签时重置主容器背景CSS,可选,默认为"",格式为CSS样式的background属性,如:url(images/abc.gif) no-repeat 2px 3px #fff
springEvent: String类型,当切换到该标签时执行的JavaScript代码,可选
blurEvent: String类型,当标签从打开状态恢复时执行的JavaScript代码,可选
方法2:select(num,force)
功能:
打开第num项。
参数说明:
num: Number类型,要打开项的编号,必须的,从0开始,范围(0~length-1)
force: 布尔型,如果值等于true强行遍历所有标签,并执行各标签所绑定的springEvent和blurEvent事件。如不指定为true,则只执行新打开标签的springEvent和所要关闭标签的blurEvent事件。
方法3:random(num[,num][,num][...])
功能:
随机打开其中一项。此方法应该在添加标签(addLabel())之后使用。
参数说明:
num: Number类型,每项的随机概率
参数的个数必须与标签个数相同。如三个标签的舌签按1:1:1随机打开 random(1,1,1),按1:2:3随机打开 random(1,2,3)
方法4:play([spaceTime])
功能:
每隔spaceTime毫秒自动切换到下一个标签,鼠标移入到舌签与内容时暂停。此方法应该在添加标签(addLabel())之后使用。
参数说明:
spaceTime: Number类型,间隔时间,单位毫秒,默认为5000毫秒(1秒 = 1000毫秒)
方法5:stop()
功能:停止自动播放。
方法6:nextLabel()
功能:
切换到下一个标签。如果当前是最后一个标签,则切换到第一个标签。此方法应该在添加标签(addLabel())之后使用。
方法7:previousLabel()
功能:
切换到上一个标签。如果当前是第一个标签,则切换到最后一个标签。此方法应该在添加标签(addLabel())之后使用。
方法8:order(num[,num][,num][...])
功能:
顺序打开其中一项。此方法应该在添加标签(addLabel())之后使用。
参数说明:
num: Number类型,每项的打开次数
参数的个数必须与标签个数相同。如三个标签的舌签按 order(1,2,3),则第1次打开1签,2~3次打开2签,4~6次打开3签
例:
//注意:JS必须放在HTML后面,特别要注意要放在内容的后面
var SubShow_01 = new SubShowClass("T_Menu_01","onmouseover",0,"onClassName","offClassName");//String 主ID(必须的),String 触发事件(onmouseover),Number 默认打开项(0),String 打开项className(selectd),String 关闭项className(空)
SubShow_01.addLabel("S_Menu_00","S_Cont_00","url(images/1.gif) no-repeat 0 0","window.status='1打开了'","window.status='1关闭了'");//String 标签ID(必须的),String 内容ID(null),String 重置主容器背景CSS(null),String绑定触发事件(null),String 绑定恢复事件(null)
SubShow_01.addLabel("S_Menu_01","S_Cont_01","url(images/2.gif) no-repeat 0 0","window.status='2打开了'","window.status='2关闭了'");
SubShow_01.addLabel("S_Menu_02","S_Cont_02","url(images/3.gif) no-repeat 0 0","window.status='3打开了'","window.status='3关闭了'");
SubShow_01.random(1,1,1); //随机打开,参数列表为比率,参数数量必须与标签数量相等
SubShow_01.play(5000);
//SubShow_01.select(1); //用来接打开指定项
五、 带小图的焦点图
1. 引用:http://news.sina.com.cn/js/sd/js/common/focusimg_01/v1.0.0/focusimg_01-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/focusimg_01/v1.0.0/demo.html
3. 参数:
FocusPic(BigPicID,SmallPicsID,TitleID,MemoID) 大图容器ID,小图列表容器ID,标题容器ID ,说明容器ID
add(BigPic,SmallPic,Url,Title,Memo) 大图地址,小图地址,链接地址,标题,说明文字
begin() 开始执行
TimeOut = 5000 默认切换时间
六、 滚动图片及滚动形式的焦点图
1. 引用:http://news.sina.com.cn/js/sd/js/common/scrollpic/1.0.0/scrollpic-pack.js
2. Demo:http://news.sina.com.cn/js/sd/js/common/scrollpic/1.0.0/index.html
3. 参数:详见Demo内代码注释
七、 待添加…
1.
八、 待添加…
1.
九、 待添加…
1.
十、 待添加…
1.