- 您的当前位置： 网站首页 » 服务支持 » 常见问题 » 成品网站 » 如何制作标签切换边框模版
- ***
| 问： | 如何制作标签切换边框模版 |
| 答： |
秦皇岛成品网站实现多标签组合切换的原理，实际上是将一个标签切换边框模版（简称标签边框）和多个隐藏边框的插件组合，由标签切换边框来控制各插件的显示和隐藏。 标签边框模版位于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-> 秦皇岛炎黄科技网络工作室 为您提供优质的 秦皇岛成品网站 秦皇岛网站制作 秦皇岛网站建设服务 |
| 问题没解决？ 在线咨询 或致电：13785936100 |
