js实现幻灯片效果(基于jquery插件)_javascript技巧

使用jquery插件jquery.smallslider.js也能实现幻灯片效果。
htm代码如下：

复制代码 代码如下:

• 


• 


• 


• 


• 
  

js代码：

复制代码 代码如下:

$(document).ready(function(){
$('#flashbox').smallslider({onImageStop:true, switchEffect:'ease',switchEase: 'easeOutSine',switchPath: 'left', switchMode: 'hover', showText:true, textSwitch:2});
});

使用到的脚本，样式jquery-1.7.2.min.js，jquery.smallslider.js，smallslider.css