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

//默認(rèn)參數(shù)定義 
var $this = $(this); 
value = $.extend({ 
"time":2000, //間隔變化動(dòng)畫(huà)時(shí)間 
"con":0, 
"sto":true, 
"count":"count", //切換小圖的父級(jí)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; 
} 
} 

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

//鼠標(biāo)懸停時(shí)切換圖片，并停止自動(dòng)切換 
$(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(); 

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

以上是插件部分代碼；

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

您可能感興趣的文章:

相關(guān)文章

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