jQuery渐变式焦点图

所属分类:-

 25953  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渐变式轮播图(原创)

仿京东渐变式轮播图,自动轮播,左右按钮切换及圆点切换。
 
 13901  194

一个很不错的bootstrap后台模板

一个很不错的bootstrap后台模板,具备了优秀的bootstrap插件和视觉效果
 
 47551  465

+iCal风格的漂亮日历

+iCal风格的漂亮日历
 
 33727  308

iframe fixed失效问题兼容ios

iframe在安卓、ios中滚动,头部、底部也能固定。主要解决iframe在苹果手机iphone(ios)中滚动时头部与底部不能固定及滚动时出现卡顿的情况。本Demo演示iframe中固定父页面头部、底部,子页面正常滚动。兼容PC和移动端,尤其是苹果ios系统(如iphone手机)
 
 23164  313

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复