sina 通用js代码说明

通用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)