首页 > 图片特效 / jquery特效插件 / > jquery图片动画焦点图插件mogFocus

jquery图片动画焦点图插件mogFocus

点击: 5588 , 发布日期: 2013-2-26
jquery图片动画焦点图插件mogFocus

jquery图片动画焦点图插件mogFocus

jquery插件MogFocus,MogFocus是一个功能与比较都比较炫的jquery插件,可以实现带缩略图的图片切换效果、直接左右滑动、直接上下滑动、不同渐变等效果。而且图片切换之时很有动感,就像动画效果一样。

mogFocus插件参数说明:

 loadAnimation : true, //效果初次加载是否有动画效果

loadswitch : false,//是否开启loading

loading : "images/loading.gif",//loading图片路径

time : 4000,//间隔时间

scrollWidth : "100%",//焦点图宽度,任意数值,设置为100%或者auto时,占满全屏

autoScroll : true,//是否自动滚动

conversionImg : true,//此参数是用来兼容第二层滑动层IE的PNG图片,开启为true,反之为false

animationWay: 'tbSliding',//此参数提供fade(淡入淡出),lrSliding(左右滑动),tbSliding(上下滑动),随机展示(randomImg)

prevNextPos : 70,//上一页下一页初始位置调整

prevNextAnima : {duration: 600, easing: "easeInOutBack"},//按钮滑动出来的方式,支持缓动公式,如果直接设置数值,那么就没有缓动效果

prevNextToggle : "show",//设置为toggle时鼠标放到滑动图上显示,离开影藏。设置show时一直显示,设置hide时影藏

btnStyle : "thumbnail",//参数有四个分别是number(数字),noNumber(非数字,任意图形),thumbnail(缩略图),hidden(影藏)

thumWidth : 90,//缩略图宽度

thumHeight : 36,//缩略图高度

thumlen : 5,//缩略图显示个数

thumCSS : {"right":"50%","margin-right":-390},//提供当全屏滑动时缩略图位置

thumSubsty : {"border":"1px solid #ccc","padding":1,"background":"#fff"},//缩略图样式

thumSelected : {"border":"1px solid #6d6d6d","background":"#fff"},//缩略图选中样式

single: true,//设置true则显示第二层,false则第二层影藏

focusDelay: 0,//焦点图延迟时间

focusDelayTwo : 300,//第二层焦点图延迟时间

focusTime : {duration: 1000, easing: "easeOutBounce"},//左右焦点图时间,支持缓动公式,如果直接设置数值,那么就没有缓动效果

focusTwoTime : {duration: 1300, easing: "easeOutBounce"} ,//左右第二层焦点图时间,支持缓动公式,如果直接设置数值,那么就没有缓动效果

fadeTime : 400,//该参数使用淡入淡出动画生效,控制淡入速度

fadeTwoTime : 600,//该参数使用淡入淡出动画生效 控制第二层淡入速度

randomsImgTime : 600,//该参数在使用随机动画生效,控制滑动速度

randeasing : 'easeInOutBack'//该参数在使用随机动画生效,控制easing滑动样式

关键词: jquery插件 图片特效 动画

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

我要评论
登录再评论
全部评论
真的很不错研究
开开╭(╯ε╰)╮馨馨
2015-10-21 23:01:39
这个特效效果非常好用
[Sky]
2015-10-20 17:36:19
很漂亮实用的代码,就是积分太贵了买不起啊
我是小学生丶
2015-6-9 15:50:12
特效不错,不知道最低兼容到多少版本
被忘却之殇
2014-12-24 12:33:31
想当不错嗫
Roc_chang
2014-11-13 14:42:47
我喜欢啊!
Vivian
2014-9-13 19:59:27
很漂亮实用的代码,就是积分太贵了买不起啊~
2014-6-25 9:28:26