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

WBOY
Lepaskan: 2016-05-16 17:17:30
asal
1292 orang telah melayarinya

使用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
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan