最近在做頁面的時候。經常碰到切換標籤的地方。幾乎每次設定都挺費勁的。今天寫了個外掛程式。以備用。
1，指令碼
(function ($) , options);
var obj = $(this);
var clickindex = 0;
$("li:first", obj).addclass(options.setcss).siblings().removeclass(options.setcss);
$("#" + options.divid + ">div:first").show().siblings().hide();
$("li", obj).bind(options.switchmode, function ()
})})
return $(this);
},$.fn.color = function (value)
})(jquery);
2.引數說明
setcss: 為選中時需要設定的樣式。switchmode: 設定事件名。如click事件。divid: 為包含內容的div的id。
3，呼叫
4，頁面設定
湖南雲南
福建廣西
東北川西北
華東其他
JQ tab標籤切換
人名1 職業名稱 擅長 醫生 證書 會員 預約 人名2 職業名稱 擅長 醫生 證書 會員 預約 人名3 職業名稱 擅長 醫生 證書 會員 預約 人名4 職業名稱 擅長 醫生 證書 會員 預約 人名5 職業名稱 擅長 醫生 證書 會員 預約 效果圖...
tab標籤頁切換
第一種 first second tab title li click function script 第二種 notice notice tit notice tit ul notice tit ul li notice tit ul a notice tit ul select 我是內容1 我是...
三款標籤切換效果
在網頁中加入標籤選項卡可以使網頁顯得更緊湊，結合ajax技術可以使頁面在有限的空間內展現更多的內容。本文主要介紹幾種簡潔的選項卡效果的實現 不涉及滑動門和ajax 相容性較好，方便大家直接使用。第一種 通過更換顯示樣式實現，這種很常見，就不多說了。第二種形式 這種結構比較複雜一些，外面加乙個相對層 ...