使用jquery插件jquery.smallslider.js也能實現幻燈片效果。
htm代碼如下：

復制代碼 代碼如下:

<div>
<ul>
<li><a ><img src=" /HT-400hPa-20.png"></a> </li>
<li><a ><img src=" /HT-500hPa-20.png"></a> </li>
<li><a ><img src=" /HT-700hPa-20.png"></a> </li>
<li><a ><img src=" /HT-850hPa-20.png"></a> </li>
<li><a ><img src=" /HT-1000hPa-20.png"></a>
</li></ul>
</div>

復制代碼 代碼如下:

$(document).ready(function(){
$('#flashbox').smallslider({onImageStop:true, switchEffect:'ease',switchEase: 'easeOutSine',switchPath: 'left', switchMode: 'hover', showText:true, textSwitch:2});
});