超簡潔的jQuery內容滑動外掛程式，jquery滑動外掛程式

超簡潔的jQuery內容滑動外掛程式，jquery滑動外掛程式

摘要 內容滑動外掛程式能讓你在有限的空間中展示更多的內容，給力技術之前也推薦過好幾個這類外掛程式，今天要推薦的也是一個內容滑動外掛程式 - Basic jQuery Slider 。 Basic jQuery Slider 是一個輕量級的很簡潔的 jQuery 內容滑動外掛程式，經壓縮後也僅有4.6kb大

內容滑動外掛程式能讓你在有限的空間中展示更多的內容，給力技術之前也推薦過好幾個這類外掛程式，今天要推薦的也是一個內容滑動外掛程式 - Basic jQuery Slider。

Basic jQuery Slider 是一個輕量級的很簡潔的 jQuery 內容滑動外掛程式，經壓縮後也僅有4.6kb大小。它能用來展示文字、圖片等任意的 HTML 內容。此外掛程式並沒有太多花哨的功能，僅包含一些基礎的功能，實現了 fade 和 slide 兩種動畫轉場效果。除了使用按鈕的導航方式外，它還支援使用鍵盤控制。此外掛程式最大的特點是支援自訂佈景主題樣式，完全可以打造出很漂亮的效果來。前端UI分享

如何使用

　　首先在頁面中引入 jQuery 和 Basic jQuery Slider外掛程式

.代碼 

1. <script src="jquery-1.4.2.min.js"></script>  
2. <script src="basic-jquery-slider.js"></script>  

 

　以下添加所需要的HTML代碼，ul必須設定class="bjqs"

.代碼 

1. <div id="slideshow">  
2.     <ul class="bjqs">  
3.         <li><!-- 任意內容 --></li>  
4.     </ul>  
5. </div>  

 

　最後初始化外掛程式,前端UI分享

.代碼 

1. $('#slideshow').bjqs({  
2.         'width' : 940,  
3.         'height' : 340,  
4.         'showMarkers' : true,  
5.         'showControls' : true,  
6.         'centerMarkers' : false  
7.     });  

 

jquery 簡單的 帶參數的 外掛程式的demo

(function ($) {
$.fn.外掛程式=function(options){
var defaultOptions = {
parm1: null,
parm2: null
};
var optionValue = $.extend(defaultOptions, options);
$(this).load(function(){
alert("我是外掛程式:"+optionValue.parm1);
});
};
})(jQuery);

//調用:
$("body").外掛程式({parm1:"外掛程式第一個參數"});
 
jquery 與jquery外掛程式有什不同

jQuery是js的一個架構，是封裝的js的一些常用函數。
而jQuery外掛程式很明顯就是基於jQuery的一些擴充函數。也就是你自己經常用的函數通過jQuery提供的介面進行封裝，就變成了基於jQuery的外掛程式了。
也就是說jQuery的外掛程式是jQuery庫的一個延伸！