快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

和记娱乐博娱188_机器人论坛



【导读】焦点图在网站中利用并不少见。该焦点图将js控置逻辑与UI部份分离,有兴趣的同伙可以试试.

演示:http://www.fengfly.com/demo/jdt/

【阐明】

示例1与示例2为同一组件(animation1.js),示例3的切换模示与之前不合,是以在之前的根基上改动为animation2.js.两图均支持自动切换模式.

【参数阐明】

公共部份:

scrollcontrol:滚动的容器和记娱乐博娱188(元素id) .

width:横向滚动一屏的间隔;

height:纵向滚动一屏的间隔;

isLR:标识横向滚动or纵向滚动(lr|tb)

mode:滚动模式(slow[减速]|和记娱乐博娱188fast[加速]|stand[恒速])

freq:setInterval的第二个参数,设置该参数控置移动时的频率.

rv:与mode协同事情.能够影响滚动速率,不合的mode,设置rv的意义不一样,可不用设置.

auto:标识是否自动滚动

autotime:自动滚动距离,毫秒为单为,默认值3000

animation1.js 其它参数和记娱乐博娱188:

defindex:第一次显示焦点图的索引号,默认0

smallbtn:一个(元素)数组:[btn1,btn2,btn3],用来切换不合的页

cls:(string或function),假如是string,鼠标颠末smallbtn中按钮时,会将该字符串做为样式名附加在(鼠标颠末的)按钮上.假如是一个function,鼠标颠末smallbtn中按钮时,会触发该函数.并且传入两个整型参数(lstIndex,curIndex),供给外围扩展.

start:一个事故,当开始切换焦点时触发.有两个参数(lstIndex,curIndex)

stop:一个事故,当停止滚动时触发,与start参数同等.

animation2.js 其它参数:

subcontrol:该容器是滚动内容的父容器,它应该能够反映出滚动内容的真实宽度或高度(元素id) .

leftbtn:控置往左移动的按钮(元素id)

rightbtn:控置往右移动的按钮(元素id)

beforefirst:一个事故,滚动到最左端时触发,有一个布尔类型参数(auto),标识是自动滚动,照样点击触发.

afterend:一个事故,滚动到最右边触发,参数与beforefirst同等.

【事情道理】

无论阁下滚动,或者高低滚动,都是经由过程scrollLeft,scrollTop控置的.是以请确保 scrollcontrol 有足够和记娱乐博娱188的滚动空间.

【和记娱乐博娱188示例代码】

布局部份

您可能还会对下面的文章感兴趣: