goTOP
September 5, 2011

讓圖片由右至左自動切換畫面的功能 (iSlider)

| |
網頁語言 » jQuery | 閱覽(3435) | Posted by apao at 11:02
點擊在新視窗中瀏覽此圖片
▲ 這是讓圖檔可以由右至左移動,並替換的功能

下載相關檔案 iSlider - Photo Slider - jQuery Plugin
<link rel="stylesheet" type="text/css" href="islider.css" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="islider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().islider();
});
</script>

<div class="window">
<div class="islider"><img src="1.jpg" /></div>
<div class="islider"><img src="2.jpg" /></div>
<div class="islider"><img src="3.jpg" /></div>
<!-- 以下画像分 -->
</div>


速度可至 islider.js 中調整

Demo:
http://apao.zapto.org/~apao/
Facebook twitter LINEk
文章来自: 本站原創
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我