首页 > 网页特效 > jQuery幻灯 > 960宽屏jQuery渐变/淡入淡出焦点幻灯图代码

960宽屏jQuery渐变/淡入淡出焦点幻灯图代码

时间:2013-05-09    来源:互联网

960宽屏显示的jQuery渐变/淡入淡出焦点幻灯图代码,支持箭头按钮和焦点按钮播放控制,可以设置多张幻灯图,效果很漂亮,推荐下载!

安装步骤

  1. 依次引入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');

特效推荐

热门特效