YulinCMS Digg标签调用示例
来自站长百科
导航: 上一页
Digg标签用于对内容进行投票筛选。
Digg 标签语法格式如下:
{Yu:Digg 属性="属性值"......} // 底层模板 + 底层变量 {/Yu:Digg}
- 简单示例
<div class="digg"> {Yu:Digg} <div class="box" onclick="{@UpPath/}"> <div class="num" id="{@UpNum/}">0</div><div class="text">顶一下</div> </div> <div class="box" onclick="{@DownPath/}"> <div class="num" id="{@DownNum/}">0</div><div class="text">踩一下</div> </div> {/Yu:Digg} </div>
- 标签解释
请在网页头部引用相关JS脚本和CSS样式。代码如下:
<script type="text/javascript" src="/Common/JS/Common.js" charset="utf-8"></script>
<style type="text/css"> .digg { margin:0 auto;padding-top: 10px;padding-right: 10px; padding-left: 10px;padding-bottom: 10px;width: 260px;overflow:auto;} .digg .box{ float:left;background: url(digg.gif);margin: 0px 20px;width: 70px; height: 64px;line-height: 20px;text-align: center;cursor:pointer;} .digg .box .num{ text-align:center; font-family:Arial; font-size:16px; font-weight:bold; color:#C00; padding:15px 0 0 0; word-wrap:break-word; word-break:break-all;} .digg .box .text{ text-align:center; font-family:Arial; font-size:14px; color:#000; padding:8px 0 0 0; word-wrap:break-word; word-break:break-all;} </style>