Home  >  Article  >  Web Front-end  >  js to achieve slide effect (based on jquery plug-in)_javascript skills

js to achieve slide effect (based on jquery plug-in)_javascript skills

WBOY
WBOYOriginal
2016-05-16 17:17:301289browse

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

复制代码 代码如下:



  • 400hPa

  • 500hPa

  • 700hPa

  • 850hPa

  • 1000hPa



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
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn