最近發(fā)現(xiàn)很多朋友找我要各種腳本或者插件。我很是惱怒他們?yōu)槊蛔约簩懙耐瑫r(shí)，也反思了一下。我是不是該整理整理自己常用的效果，編寫幾個(gè)插件了？
于是，Amas的插件就誕生了。我叫它un。。。。Amas's Jquery 如何？額，先不命名吧還是。。。
這篇文章分享分享我的處女作插件——jquery.AmasTabs.js
首先，它能干嘛？如題，Tabs的選項(xiàng)卡效果。
其次，如何使用？請看下文。
=========html中的調(diào)用代碼=========
[code]
<script src="http://www.dbjr.com.cn/js/Jquery-Extend/jquery.1.7.2.min.js"></script> //當(dāng)然，你版本高點(diǎn)無所謂。
<script src="http://www.dbjr.com.cn/js/ Jquery-Extend/Tabs/jquery.tabs.js"></script>
[/code]
=========必須加載的樣式支持=========
[code]
<link href=”http://www.dbjr.com.cn/js/Jquery-Extend/Tabs/tabs.css” rel="stylesheet" type="text/css" />
[/code]
=========Html中的Dom標(biāo)準(zhǔn)=========
[code]
<div id="tabs1">
<div class="tabs-title">
<div class="tabs-lbg"></div>
<ul class="tabs-list">
<li class="tabs-option">
<span class="tabs-option-lbg"></span>
<span class="tabs-option-text">標(biāo)題1</span>
<span class="tabs-option-rbg"></span>
</li>
<li class="tabs-option">
<span class="tabs-option-lbg"></span>
<span class="tabs-option-text">標(biāo)題2</span>
<span class="tabs-option-rbg"></span>
</li>
<li class="tabs-option">
<span class="tabs-option-lbg"></span>
<span class="tabs-option-text">標(biāo)題3</span>
<span class="tabs-option-rbg"></span>
</li>
</ul>
<div class="tabs-rbg"></div>
<div class="clear"></div>
</div>
<div class="tabs-box">
<div class="fatbox">
<div class="tabs-content">內(nèi)容1</div>
<div class="tabs-content">內(nèi)容2</div>
<div class="tabs-content">內(nèi)容3</div>
<div class="clear"></div>
</div>
</div>
</div>
[/code]
=========把以下代碼放到 #tabs1同級(jí)的下面=========
[code]
<script type="text/javascript">
$("#tabs1").tabs();
</script>
[/code]
========== 參 數(shù) ==========
[code]
*參數(shù)：｛
_event:1 //1為鼠標(biāo)點(diǎn)擊切換，其他數(shù)字視為鼠標(biāo)經(jīng)過 *不支持小數(shù)
Index:0 //默認(rèn)顯示的tab，0為第一張，最大為具體使用的title個(gè)數(shù)-1
animateSpeed: //動(dòng)畫持續(xù)時(shí)間，單位為毫秒。默認(rèn)為500
tabWidth: //模塊寬度，默認(rèn)為500，單位為PX
tabHeight: //模塊高度，默認(rèn)為200，單位為PX
listHeight: //title模塊的高度，默認(rèn)為37, 單位為PX
//以下最多只可提供一個(gè)為true
opacity: //應(yīng)用透明度切換過渡。默認(rèn)為false，如規(guī)定為true則按透明度切換
xScroll:false, //應(yīng)用橫向滾動(dòng)過渡。默認(rèn)為false，如規(guī)定為true則按橫向滾動(dòng)切換
yScroll:false //應(yīng)用縱向滾動(dòng)過渡。默認(rèn)為false，如規(guī)定為true則按縱向滾動(dòng)切換
｝
[/code]
嗯哪，就這些。。相信聰明的你肯定看完就會(huì)用了吧？