- 您的當(dāng)前位置: 網(wǎng)站首頁 ? 服務(wù)支持 ? 常見問題 ? 成品網(wǎng)站 ? 如何制作標(biāo)簽切換邊框模版
- ***
問: | 如何制作標(biāo)簽切換邊框模版 |
答: |
秦皇島成品網(wǎng)站實現(xiàn)多標(biāo)簽組合切換的原理,實際上是將一個標(biāo)簽切換邊框模版(簡稱標(biāo)簽邊框)和多個隱藏邊框的插件組合,由標(biāo)簽切換邊框來控制各插件的顯示和隱藏。 標(biāo)簽邊框模版位于base/border/目錄,預(yù)留編號為: 標(biāo)簽邊框(可選顏色)051-099 標(biāo)簽邊框(不可選顏色)201-499 用戶DIY制作標(biāo)簽邊框,只需要制作不可選顏色的即可。 標(biāo)簽切換邊框有帶總標(biāo)題的和不帶總標(biāo)題欄的,標(biāo)簽可位于上方或位于左側(cè)。 標(biāo)簽邊框的制作方法和插件邊框類似:../../news/html/?356.html 樣例一:不帶總標(biāo)題欄,標(biāo)簽位于上放的標(biāo)簽邊框(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-> 樣例二:標(biāo)簽位于左側(cè)的標(biāo)簽邊框(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-> 秦皇島炎黃科技網(wǎng)絡(luò)工作室 為您提供優(yōu)質(zhì)的 秦皇島成品網(wǎng)站 秦皇島網(wǎng)站制作 秦皇島網(wǎng)站建設(shè)服務(wù) |
問題沒解決? 在線咨詢 或致電:13785936100 |

致電 137 859 36100
7×24小時服務(wù)熱線



