2022-12-05 分類: 網站建設
PHPWEB實現多標簽組合切換的原理,實際上是將一個標簽切換邊框模版(簡稱標簽邊框)和多個隱藏邊框的插件組合,由標簽切換邊框來控制各插件的顯示和隱藏。
標簽邊框模版位于base/border/目錄,預留編號為:
標簽邊框(可選顏色)051-099
標簽邊框(不可選顏色)201-499
用戶DIY制作標簽邊框,只需要制作不可選顏色的即可。
標簽切換邊框有帶總標題的和不帶總標題欄的,標簽可位于上方或位于左側。
標簽邊框的制作方法和插件邊框類似:../../news/html/?356.html
樣例一:不帶總標題欄,標簽位于上放的標簽邊框(211號)
<!-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->
樣例二:標簽位于左側的標簽邊框(212號)
<!-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->
分享題目:如何制作標簽切換邊框模版
文章出自:http://m.newbst.com/news28/219728.html
成都網站建設公司_創新互聯,為您提供建站公司、網站設計、全網營銷推廣、移動網站建設、外貿網站建設、域名注冊
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容