PHPWEB 標簽切換邊框模版制作

導(dǎo)航: 上一頁

PHPWEB實現(xiàn)多標簽組合切換的原理，實際上是將一個標簽切換邊框模版（簡稱標簽邊框）和多個隱藏邊框的插件組合，由標簽切換邊框來控制各插件的顯示和隱藏。

標簽邊框模版位于base/border/目錄，預(yù)留編號為：

• 標簽邊框（可選顏色）051-099
• 標簽邊框（不可選顏色）201-499

用戶DIY制作標簽邊框，只需要制作不可選顏色的即可。

標簽切換邊框有帶總標題的和不帶總標題欄的，標簽可位于上方或位于左側(cè)。

標簽邊框的制作方法和插件邊框類似,參見插件邊框模版制作說明

• 樣例一：不帶總標題欄，標簽位于上放的標簽邊框

<!-start->
<link href="images/gbl211.css" rel="stylesheet" type="text/css" />
<script>$(function(){$().switchLable('{ #pdvid# }','{ #borderlable# }','{ #borderroll# }')});</script>
<div class="pdv_border" style="border:1px #ff8c05 solid;background:#fff;padding:0px;margin:0px;height:100%">
<div class="gbl211_out">
<ul id="gblable_{ #pdvid# }" class="gblable">
<li class="gbl211">{ #coltitle# }</li>
</ul>
<div class="gbl211_more"><a href="{ #morelink# }" style="display:{ #showmore# }">更多>></a></div>
</div>
<div  style="padding:{ #padding# }px">
<!-start->
<!-end->
</div>
</div>
<!-end->

• 樣例二：標簽位于左側(cè)的標簽邊框

<!-start->
<link href="images/gbl212.css" rel="stylesheet" type="text/css" />
<script>$(function(){$().switchLable('{ #pdvid# }','{ #borderlable# }','{ #borderroll# }')});</script>
<div class="pdv_border" style="border:0px;background:#fff;padding:0px;margin:0px;height:100%">
<div class="gbl212_out">
<ul id="gblable_{ #pdvid# }" class="gblable">
<li class="gbl212">{ #coltitle# }</li>
</ul>
<div class="gbl212_more"><a href="{ #morelink# }" style="display:{ #showmore# }">更多>></a></div>
</div>
<div  style="padding:{ #padding# }px">
<!-start->
<!-end->
</div>
</div>
<!-end->

相關(guān)條目

• Drupal
• DedeCMS
• ECShop
• osCommerce

參考來源

• 參考來源