jQuery渐变式焦点图

所属分类:-

 25482  297  查看评论 (5)
分享到微信朋友圈
X
jQuery渐变式焦点图 ie兼容8

使用方法:

1。依次引入 nav.css 、jQuery 脚本库以及 jquery.nav.js 文件;

2。复制代码到页面中即可。


备注:

1。可在代码中的 nav( ) 括号里进行设置,其中:(1 秒 = 1000 毫秒)

     t : 表示图片切换的时间间隔,默认为 3000 ,单位毫秒;

     a : 表示图片渐变的时间,默认为 500 ,单位毫秒。


 t 和 a 都不是必需的,没进行设置的将使用默认值。


  例如我想要图片每 1 秒就切换一次,每次要 3 秒才显示出来,则可以这样写:

  $('#inner').nav({ t : 1000 , a : 3000 });


2。因为写成了 jQuery 插件的形式,所以 jQuery 原本的链式写法依旧有效,例如在启用焦点图后继续对 #inner 这个元素进行设置:

  $('#inner').nav({ t : 1000 , a : 3000 }).css('background','black');

相关插件-

超棒的jQuery旋钮插件

漂亮旋钮(knob)的jQuery插件
 
 25689  301

jquery分步操作插件

jquery分步操作插件step.js,代码注释全修改方便。
 
 30509  329

极简的焦点图

极简的焦点图多种轮播效果。
 
 31959  339

爆炸且恢复特效的HTML5视频播放特效 html5videobroken

效果震慑新颖的HTML5视频播放特效,兼容所有支持HTML5的浏览器。
 
 27202  378

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    .............. 0
    2018/12/21 23:33:58
    这个要怎么用???下载下来怎么加进网页呀??? 回复
    我一路向北、无怨无悔 0
    2017/11/21 14:44:14
    过去的烤肉 0
    2017/7/11 10:50:30
    江大仙 0
    2017/6/29 16:15:03
    garaaluo 0
    2016/4/15 10:04:09
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复