欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-04 13:36:14
...
使用jquery插件jquery.smallslider.js也能实现幻灯片效果。
htm代码如下:
复制代码 代码如下:



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

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

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

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

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



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 幻灯片效果