客服热线:0510-80212102 新手导航 帮助中心 在线充值 销售咨询 销售咨询[800086985] 销售咨询 网页咨询[800086985] 多线镜像

你当前的位置:首页 > 新闻/帮助

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

发布时间:2012-11-27 15:22:38浏览量:3586次作者:卓旺网络

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->


tags:标签切换,边框模版
网站首页 --- 网站地图 --- 域名注册 --- 虚拟主机 --- 服务器租用 --- 网站建设 --- 支付中心 --- 关于我们 --- 联系我们
卓旺网络 www.idc180.com 大中华地区高速优质虚拟主机专业提供商 域名注册商 无锡卓旺网络科技有限公司
企业QQ:800086985   TEL:(0510)80212102(售前)   传真:(0510)82863105   5*8小时手机售后技术支持:18018397592   广告勿扰
公司地址:江苏省无锡市人民东路七号10F(214000)   邮件:Master@IDC180.com  IDC 分布:江苏 江西 湖南 广东 深圳 东莞 中山 香港 美国
企业资质:组织机构代码证 税务登记证 企业法人 Copyright © 2005-09-16 中华人民共和国工业及信息化部ICP备案:苏ICP备12033714号-1