使用js制作图片切换样式为渐变切换效果

使用js制作图片切换样式为渐变切换效果,第1张

网友原创JS焦点图片轮播渐变切换特效插件,此插件带有很强大的参数定制功能,随意进行定制,并有多种效果可以选择,
代码兼容IE,FIREFOX,CHROME。

使用js制作图片切换样式为渐变切换效果,第2张



配置&configure全部配置默认值说明delay:3000图片停留时间fadeOutTime:800图片淡出时间(ms)fadeInTime:800淡入时间(ms)height:200默认高(px)width:600默认宽(px)showTitletrue是否显示标题titleSlideUpTime:500标题上升过程时间(ms)titleAnimate:true是否启动标题显示时的动画(showTitle为true的前提下生效)tBackgroundColor:#333333标题背景颜色tBackgroundOpacity:'0.6'标题背景透明度titleColor:'#ffffff'标题文字颜色titleHeight:30标题显示高度(px)titleAlign:'bottom'标题对齐方式(top,bottom)fontSize:13标题文字大小(px)fontAlign:'left'标题文字对齐方式(left,center,right)fontWidth:''标题文字显示宽度(px)isNewLine:false标题文字是否可以换行显示isIconShow:true是否显示序号图标(就是左下角的1,2,3,4...)iconSize:18图标显示的大小(px)iconBorder:'1px solid #333333'图标显示的边框iconColor:'#f0f0f0'图标显示的颜色iconFontSize:12图标文字的大小(px)iconFontColor:'#1d103b'图标的文字颜色iconBgUrl:'none'图标的自定义图标,iconBgUrl:"url('image/hello.jpg')"activeIconSize:20激活时图标显示的大小(px)activeIconBorder:'1px solid #333333'激活时图标显示的边框activeIconColor:'#f89903'激活时图标显示的颜色activeIconFontSize:16激活时文字的大小(px)activeIconFontColor:#ffffff激活时图标的文字颜色activeIconBgUrl:'none'激活时图标的自定义图标,activeIconBgUrl:"url('image/hello.jpg')"iconOpacity:'0.6'图标显示的透明度activeIconOpacity:'0.9'激活时图标显示的透明度iconRigh:t10图标离右边的距离(px)iconBottom:5图标离下边的距离(px)iconMargin:5图标的间距(px)startIndex:0初始播放序号(若大于图片总数,则从0开始)autoPlay:true/自动播放mouseEventtrue鼠标悬浮停止播放bindEvent'click'鼠标手动切换触发的事件

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 使用js制作图片切换样式为渐变切换效果

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情