ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery画像切り替えプラグイン(レスコード)_jquery

jQuery画像切り替えプラグイン(レスコード)_jquery

WBOY
WBOYオリジナル
2016-05-16 17:54:051030ブラウズ
コードをコピー コードは次のとおりです:

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

//デフォルトのパラメータ定義
var $this = $(this);
value = $ .extend({
"time":2000, //インターバル変更アニメーション時間
"con":0,
"sto":true,
"count":"count" , // スモールピクチャの親クラス名を切り替える
"src":"src", // スモールピクチャのパスを切り替える
"src_cur":"src_cur" // 現在切り替え中のスモールピクチャのパス
}, value);

//画像切り替え関数
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); ;$("li ",$this[0]).length-2){
value.con = 0;
}else{
value.con = 1; }

//画像の切り替えを行う頻度
function sett(){
if(value.sto){autopic()};
setTimeout(sett,value.time);
}

//マウスホバー時に画像を切り替え、自動切り替えを停止します
$(value.count).find("ul li").hover(function(){
var _index = $(this).index();
value.con = _index;
autopic(){
>var _index = $ (this).index();
value.sto = true;

sett();

//他の JQuery メソッドに接続するための元のオブジェクトを返します
return $this;
}
})(jQuery);
上記はプラグイン コードの一部です。

デモは以下からダウンロードできます
/201205/yuanma/myPPT_jb51.rar
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。