 
// JavaScript Document 
;(function($){ 
$.fn.extend({ 
"zj_ppt":function(value){ 

//默認(rèn)參數(shù)定義 
var $this = $(this); 
value = $.extend({ 
"time":2000, //間隔變化動畫時間 
"con":0, 
"sto":true, 
"count":"count", //切換小圖的父級class名字 
"src":"src", //切換小圖片路徑 
"src_cur":"src_cur" //當(dāng)前切換小圖片路徑 
},value); 

//圖片切換函數(shù) 
function autopic(){ 
$("li",$this[0]).hide(); 
$("li:eq("+value.con+")",$this[0]).show(); 
$(value.count).find("ul li img").attr("src",value.src); 
$(value.count).find("ul li img:eq("+value.con+")").attr("src",value.src_cur); 
if(value.con>$("li",$this[0]).length-2){ 
value.con = 0; 
}else{ 
value.con += 1; 
} 
} 

//每間隔多少時間執(zhí)行一次圖片切換 
function sett(){ 
if(value.sto){autopic()}; 
setTimeout(sett,value.time); 
} 

//鼠標(biāo)懸停時切換圖片，并停止自動切換 
$(value.count).find("ul li").hover(function(){ 
var _index = $(this).index(); 
value.con = _index; 
value.sto = false; 
autopic(); 
},function(){ 
var _index = $(this).index(); 
value.sto = true; 
value.con = _index; 

}); 

sett(); 

//反回原對像，以便連綴JQuery的其它方法 
return $this; 
} 
}); 
})(jQuery); 

以上是插件部分代碼；

下面可以下載demo /201205/yuanma/myPPT_jb51.rar

您可能感興趣的文章:

相關(guān)文章

基于jQuery實現(xiàn)列表循環(huán)滾動小技巧(超簡單)
只要能夠不停地把第一個item移動到末尾，其余的自會往上填補空缺，填補的過程用動畫放慢些，就能有不斷滾動的視覺效果了，這種效果基于jquery怎么實現(xiàn)呢？下面小編給大家?guī)砹薺Query列表循環(huán)滾動效果的實現(xiàn)思路代碼，一起看看吧
2021-08-08
jQuery實用技巧必備（上）
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery頁面彈出框?qū)崿F(xiàn)文件上傳
這篇文章主要為大家詳細(xì)介紹了jQuery頁面彈出框?qū)崿F(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
jquery實現(xiàn)對聯(lián)廣告的方法
這篇文章主要介紹了jquery實現(xiàn)對聯(lián)廣告的方法,以一個完整實例形式詳細(xì)分析了jQuery對聯(lián)廣告的樣式與功能實現(xiàn)方法,是非常實用的技巧,需要的朋友可以參考下
2015-02-02
基于Jquery實現(xiàn)焦點圖淡出淡入效果
這篇文章主要介紹了基于Jquery實現(xiàn)焦點圖淡出淡入效果，需要的朋友可以參考下
2015-11-11
jQuery圖片加載顯示loading效果
這篇文章主要為大家詳細(xì)介紹了jQuery圖片加載顯示loading效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery中trigger()方法用法實例
這篇文章主要介紹了jQuery中trigger()方法用法,實例分析了trigger()方法的功能、定義及觸發(fā)匹配元素指定類型事件的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)磁力圖片跟隨效果完整示例
這篇文章主要介紹了jQuery實現(xiàn)磁力圖片跟隨效果,結(jié)合完整實例形式分析了jQuery事件響應(yīng)及animate方法實現(xiàn)帶緩沖效果的圖片跟隨效果,需要的朋友可以參考下
2016-09-09
jQuery 核心函數(shù)以及jQuery對象
首先介紹 jQuery 的幾個核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實際的前端開發(fā)過程中用到最多的也是它們。
2010-03-03
jQuery中:text選擇器用法實例
這篇文章主要介紹了jQuery中:text選擇器用法,以實例形式較為詳細(xì)的分析了text選擇器的功能、定義及匹配單行文本框的使用技巧,需要的朋友可以參考下
2015-01-01