jQUery 100%焦點圖是一款基于jQuery框架開發(fā)的圖像滑動插件。該插件具有易用性、輕量化、美觀等特點，適用于輪播圖、相冊、廣告展示等場景。下面介紹該插件的基本使用方法。

HTML代碼：
<div class="slide">
	<ul class="slide-content">
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
	</ul>
</div>
JavaScript代碼：
$(document).ready(function(){
	$(".slide").Slider({
"playTime":3000,
"effect":"slide"
	});
});

在上述代碼中，HTML部分定義了一個class為slide的div容器，其中包含一個ul列表用于顯示圖片。JavaScript部分使用了jQuery框架，定義了一個$(document).ready事件函數，當頁面加載完成后執(zhí)行該函數。該函數通過$()方法選中了class為slide的div容器，調用Slider()方法對其進行初始化。其中playTime表示圖片展示時間間隔，effect表示圖片切換效果。

除了以上兩個參數外，Slider插件還提供了autoplay和nav屬性，分別表示自動播放和是否顯示頁碼導航條。具體用法如下所示：

JavaScript代碼：
$(document).ready(function(){
	$(".slide").Slider({
"playTime":3000,
"effect":"slide",
"autoplay":true,
"nav":true
	});
});

通過以上介紹，可以看到jQuery 100%焦點圖插件使用起來非常簡單，且功能強大，歡迎廣大web開發(fā)愛好者嘗試使用。