基於jquery外掛程式製作左右按鈕與標題文字圖片切換效果_jquery

本範例用了2個js檔jquery-ui-1.8.6.core.widget.js和jqueryui.bannerize.js，到示範頁面可以查看

CSS程式碼

CSS程式碼

複製程式碼

程式碼如下：

.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay {bottombottom:0;height:10px;position:absolute;rightright:0;width:173px;}

XML/HTML 代碼XML/HTML 代碼

複製程式碼


程式碼如下：

class="ui-banner-slides">;

;

• 大連


• 二連浩特
漠河
三亞
香港
舟山

JavaScript 代碼複製代碼程式碼如下：

$(document).ready(function(){
$('#banners').bannerize({
隨機播放: 1,
間隔: "5"
});
});
腳本>