仿QQ带透明双箭头渐变式大图展示JQuery幻灯片

仿QQ带透明双箭头渐变式大图展示JQuery幻灯片
 点击预览  点击下载

使用方法:

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

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

备注:

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

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

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

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

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

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

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

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

转载请注明:代码家园 » 仿QQ带透明双箭头渐变式大图展示JQuery幻灯片

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)