说起幻灯片效果,想必大家都不陌生吧,接下来为大家介绍下使用jquery插件jquery.smallslider.js实现幻灯片效果示例代码,喜欢的朋友可以学习下
使用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
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
以上就是js实现幻灯片效果(基于jquery插件)的详细内容,更多请关注0133技术站其它相关文章!