Heim  >  Artikel  >  Web-Frontend  >  js实现幻灯片效果(基于jquery插件)_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:17:301309Durchsuche

使用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
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn