js实现幻灯片效果(基于jquery插件)_javascript技巧
程序员文章站
2022-04-04 13:36:14
...
使用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
推荐阅读
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
-
jquery插件canvaspercent.js实现百分比圆饼效果
-
基于Marquee.js插件实现的跑马灯效果示例
-
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
推荐6款基于jQuery实现图片效果插件
-
基于jquery.page.js实现分页效果
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
JS实现简单的顶部定时关闭层效果_javascript技巧