为何选择我们
  • 20年优质服务经验
  • 10万用户的共同选择
  • 更低的价格更好的服务
  • CNNIC四星级认证服务商
  • 拥有正规经营许可证(ICP)
  • 先进的解析技术10分钟生效
  • 6组DNS负载均衡更快更稳定
  常见问题解答成品网站问题 → 开发指南


怎样在成品网站中制作标签切换边框模版
作者:

成品网站实现多标签组合切换的原理,实际上是将一个标签切换边框模版(简称标签边框)和多个隐藏边框的插件组合,由标签切换边框来控制各插件的显示和隐藏。

标签边框模版位于base/border/目录,预留编号为:
标签边框(可选颜色)051-099
标签边框(不可选颜色)201-499

用户DIY制作标签边框,只需要制作不可选颜色的即可。

标签切换边框有带总标题的和不带总标题栏的,标签可位于上方或位于左侧。


样例一:不带总标题栏,标签位于上放的标签边框(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->



来源:
阅读:2648
日期:2011-09-23

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:怎样在成品网站中制作插件边框模版
下一篇:可选颜色边框、模版的16种颜色参考色号
  >> 相关文章
 
CNNIC四星级注册服务机构证书营业执照网上警察 联系在线客服博云互联官方QQ有问必答