首页 > 图片特效 / > 仿淘宝网广告图片切换特效

仿淘宝网广告图片切换特效

点击: 6272 , 发布日期: 2012-1-31
仿淘宝网广告图片切换特效

仿淘宝网广告图片切换特效

 仿淘宝网多广告图片切换特效,左边为分类按钮,鼠标进过时右侧的广告图片切换,在一定间隔时间内会自己切换的jquery特效。当然特效是使用了jquery插件MSClass来实现的,关于MSClass插件的其他使用将在以后为大家一一提供。

MSClass参数说明:

属性类型默认描述
IDstring必需容器ID,通过new Mraquee("")第一个参数指定ID
Directioninteger0滚动方向(默认为0向上滚动) 值:0上 1下 2左 3右 -1上下交替 4左右交替
Stepinteger/array2滚动的步长(数值越大,滚动越快,小于1切换为缓动。若为数组[0.5,20]形式,则可设置Tween的缓动类别,0.5为系数,20为缓动类别)
Widthinteger容器初始设置的宽度容器可视宽度(默认值为容器初始设置的宽度)
Heightinteger容器初始设置的高度容器可视高度(默认值为容器初始设置的高度)
Timerinteger30定时器,即频率/执行周期(默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)
DelayTimeinteger0间歇停顿延迟时间(默认为0不停顿,1000=1秒)
WaitTimeinteger0开始时的等待时间(默认或0为不等待,1000=1秒)
ScrollStepinteger0间歇滚动间距(默认为翻屏宽/高度,该数值为-2,DelayTime为0则为鼠标悬停控制,-1禁止鼠标控制)
SwitchTypeinteger0轮显类型(默认为0滚动,可选值1切入,2渐显)
HiddenIDstring/arraynull隐藏区域ID(可选,如果隐藏区域只有一层,可以用"hiddenid"的形式,如果多层,请用数组["hiddenid1","hiddenid2"]的形式全包含进去)
注意:以上参数针对直接赋值法应用有先后顺序之分,如:new Marquee("Marquee",0,1,760,104,20,5000,0,0,0,["hiddenid1","hiddenid2"])
MSClassIDstring针对对象赋值必需容器ID
ContentIDstringUL+LI、DL+DT+DD必需针对DIV+CSS的应用,属显示容器内的内容区域ID,即实际内容容器UL或DL的ID。
TabIDstring/array页码/TAB的ID可选,如果需要页码/TAB支持,将相关ID传递进来即可,若多个Tab应用请以数组形式传递,如:["tabid1","tabid2"]。
TabEventstringonmouseover可选,针对页码/TAB鼠标响应方式,默认"onmouseover",鼠标划过即切换(可选值:"onclick")
TabTimeoutinteger鼠标响应延迟时间可选,针对页码/TAB鼠标响应延迟时间,鼠标响应事件(TabEvent)在设定时间后方有效。
MSClassarray/object若设置此项,则
以上5项不需要设置
快速设置:["MSClassID","ContentID","TabID","TabEvent",200]分别对应上述相关参数,不需要的参数省略不写即可,如["MSClassID","ContentID"];

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

ContextMenuarray 右键菜单相关,可选 ,默认关闭,格式:[1,["menu1"],[],["menu2","fn()"]]。(0/1,开启/关闭;["menu1"]不可点击,[]分隔线,["menu2","fn()"]可点击及点击事件)
PrevBtnIDstring 执行下一次滚动的元素ID,可选,针对间歇滚动有效
NextBtnIDstring 执行上一次滚动的元素ID,针对间歇滚动有效
AutoStartboolean针对对象赋值有效针对对象赋值设置是否使应用自动执行(省去Start步骤)。可选值:0,1,true,false

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论