ホームページ > 記事 > ウェブフロントエンド > js实现幻灯片效果(基于jquery插件)_javascript技巧
js实现幻灯片效果(基于jquery插件)_javascript技巧
- WBOYオリジナル
- 2016-05-16 17:17:301269ブラウズ
使用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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。