开发者API

Base

myFocus(settings)返回值:myFocus对象
新建myFocus对象(类似jQuery对象,为一个类DOM数组),settings为调用set函数中的参数集合。
myFocus.set(settings[,callback])返回值:undefined
myFocus的调用函数,settings为设置的参数集,callback为回调函数,详细请阅读使用者API
myFocus.extend(obj1[,obj2,obj3...])返回值:Object
扩展函数,把obj2,obj3...属性扩展到obj1对象上,如果只有一个obj1,那么默认扩展myFocus空间。
myFocus.config返回值:Object
设置集合,每款风格对应一个参数对象,例如{'mF_YSlider':{direction:'random'}}
myFocus.config.extend(obj)返回值:Object
扩展风格设置,一般在风格文件中设置个性参数。
myFocus.fn返回值:Object
myFocus原形,相当于它的prototype。
myFocus.fn.extend(obj)返回值:Object
扩展原形方法。
myFocus.pattern返回值:Object
风格应用集(空间)
myFocus.pattern.extend(obj)返回值:Object
扩展风格应用集(空间)
myFocus.isIE返回值:Boolean
判断是否IE,是返回true,否返回false

DOM

.find(selector)返回值:myFocus对象
查找并返回所有与指定表达式匹配的元素,类似jQuery的find(),但只支持基本查找,不支持过滤(:filter)/属性([attr="value"])查找。
.parent()返回值:myFocus对象
查找并返回它的父元素。
.html([htmlString])返回值:String
当参数为空,获取匹配元素(第一个)的html内容;当不为空,设置匹配元素(第一个)的html内容。
.each(fn)返回值:myFocus对象
以每一个匹配的元素作为上下文来执行一个函数。类似jQuery的each(),函数中this 指代的是 DOM 对象而非 myFocus 对象。返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue'
.eq(n)返回值:myFocus对象
获取第n个元素,从0算起。
.wrap(htmlString)返回值:myFocus对象
把所匹配的元素用其他元素的结构化标记包装起来。注意每次只wrap一个元素,多个请用each。
.addHtml(htmlString)返回值:myFocus对象
向匹配的元素内部追加html字符串。返回值是追加后的html元素。
.addList(className,type)返回值:myFocus对象
向匹配的元素内部追加列,这个列的数量等同焦点图的图片数量,className为列的class名称,type为列的类型,内置3种类型:'num'(数字按钮列)|'txt'(文字列)|'thumb'(略缩图列),省略设置为普通列。返回值为新添加的列元素。
.addListNum([className])返回值:myFocus对象
向匹配的元素内部追加数字列,相当于.addList()参数type='num'的快捷方式调用。
.addListTxt([className])返回值:myFocus对象
向匹配的元素内部追加文字列,相当于.addList()参数type='txt'的快捷方式调用。
.addListThumb([className])返回值:myFocus对象
向匹配的元素内部追加略缩图列,相当于.addList()参数type='thumb'的快捷方式调用。
.remove()返回值:undefined
删除匹配的元素
.repeat([n])返回值:myFocus对象
重复生成匹配的元素,默认重复一遍,n为重复n遍。

CSS

.css(name|properties)返回值:Number|String|myFocus对象
获取匹配元素的name样式值(不带单位),或把一个“名/值对”properties对象设置为匹配元素的样式属性。例如:$obj.css({height:300})设置$obj高为300px,$obj.css('height')获取$obj的高(返回300)
.addClass(className)返回值:myFocus对象
为匹配的元素添加指定的类名。
.removeClass(className)返回值:myFocus对象
为匹配的元素删除指定的类名。

Animate

.fadeIn([time][,type][,fn])返回值:myFocus对象
通过不透明度的变化来实现匹配元素的淡入效果。time为渐变时间(毫秒),默认400;type为渐变的缓动类型,默认“linear(线性)”;fn是在动画完成时执行的函数,上下文this为匹配元素DOM。
.fadeOut([time][,type][,fn])返回值:myFocus对象
通过不透明度的变化来实现匹配元素的淡出效果。time为渐变时间(毫秒),默认400;type为渐变的缓动类型,默认“linear(线性)”;fn是在动画完成时执行的函数,上下文this为匹配元素DOM。
.slide(params[,time][,type][,fn])返回值:myFocus对象
通过位置/大小/透明度等变化来平滑过渡匹配的元素。params为一个“名/值对”对象的样式属性;time为过渡时间(毫秒),默认800;type为过渡的缓动类型,默认“easeOut”;fn是在动画完成时执行的函数,上下文this为匹配元素DOM。
.stop()返回值:myFocus对象
停止匹配元素的所有运动效果。
.easing返回值:Object
缓动库,已集成'linear','swing','easeIn','easeOut','easeInOut',可以用myFocus.extend()方法扩展更多缓动效果。

Method

.bind(type,fn)返回值:myFocus对象
为匹配元素的特定事件绑定事件处理函数。type为事件类型;fn为处理函数。处理函数第一个参数为event,上下文this为匹配元素DOM,返回false可以阻止冒泡及默认事件。
.play(funcLastFrame,funcCurrentFrame[,seamless])返回值:undefined
轮播函数,funcLastFrame为上一帧处理函数,带有2个参数,第一个为上一帧的索引值,第二个为总帧数;funcCurrentFrame为当前帧处理函数,带有3个参数,第一个为当前帧的索引值,第二个为总帧数,第三个为上一帧的索引值;seamless为是否无缝(滑动效果才有效)
.run(index)返回值:undefined
轮播运行的核心方法,index为运行帧的索引值,支持相对增减'+-=value',例如:$focus.run('+=1'),运行下一帧;$focus.run('-=1'),运行上一帧。
.runIndex返回值:Number
运行的当前帧索引值
.runTimer返回值:Number|String
运行的计数器,一般用于clearInterval
.bindControl($btnList[,params])返回值:undefined
为焦点图绑定控制。$btnList是要被绑定控制的myFocus对象(按钮列表);params是一个“名/值对”对象,包含有:{thumbShowNum:'略缩图显示数目(如果有)',isRunning:'运行中的标记(当需要判断时)'}
.scrollTo(index[,time])返回值:myFocus对象
匹配的元素(略缩图列表)滚动到指定的索引值index,time为滚动的时间(单位毫秒),默认500

注:函数参数中的“[]”表示此中括号内的参数可省。
此API基于myFocus v2.0制作,时间有限,只列出了有用于开发者开发的方法/属性,如有错漏疑问欢迎来信或留言。