如何制作标签切换边框模版

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# }">更多&gt;&gt;</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# }">更多&gt;&gt;</a></div>
</div>
<div style="padding:{ #padding# }px">
<!-start->
<!-end->
</div>
</div>
<!-end->

分享题目：如何制作标签切换边框模版
文章出自：/news28/219728.html

成都网站建设公司_创新互联，为您提供建站公司、网站设计、全网营销推广、移动网站建设、外贸网站建设、域名注册

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联