账号通
    

注册

找回密码

账号  

密码  

话题
互动
会员
服务
<<返回列表上一个主题 下一个主题 打印本帖 复制本帖地址

27708

查看

30

回复
主题：KesionCMS V7在文章内容页轻松调用顶客(DIGG)效果 [收藏主题] 转到：  
任我行 当前离线

6496

主题

191

广播

251

粉丝
添加关注
级别:管理员

用户积分:46047 分
登录次数:4180 次
注册时间:2006/4/26
最后登录:2023/12/4
任我行 发表于：2010/10/21 14:15:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线商城系统(NET)
做考试题库 就用#科汛在线考试系统!

由于V7自带模板中调用了心情指数,所以没有再调用顶客(DIGG)功能,有些朋友可能不懂如何调用,于是特开此帖...



先下效果图:



点击查看原图





请将以下代码放到内容页模板要显示的位置



  2. <!--digg-->

  3.       <script language="JavaScript" src="{$GetSiteUrl}ks_inc/digg.js" type="text/javascript"></script>
  4.   <div class="mark">
  5.   
  6.    <div onClick="digg({$ChannelID},{$InfoID},'{$GetSiteUrl}');" onfocus="this.blur()" onMouseOut="this.style.backgroundPosition='-189px 0'" onMouseOver="this.style.backgroundPosition='0 0'" id="mark0" style="background-position: -189px 0pt;">
  7.    
  8.    
  9.    <div class="bar">
  10.      <div style="width: 0px;" id="digzcimg"></div>
  11.    </div>
  12.    
  13.   <span id="barnum1"><span id="perz{$InfoID}">0%</span> (<span id=s{$InfoID}>0</span>)</span>
  14.   
  15.   </div>
  16.   
  17.   <div onClick="cai({$ChannelID},{$InfoID},'{$GetSiteUrl}');" onfocus="this.blur()" onMouseOut="this.style.backgroundPosition='-378px 0'" onMouseOver="this.style.backgroundPosition='-567px 0'" id="mark1" style="background-position: -378px 0pt;">
  18.   <div class="bar">
  19.    <div style="width: 0px;" id="digcimg"></div>
  20.   </div>
  21.   <span id="barnum2"><span id="perc{$InfoID}">0%</span> (<span id="c{$InfoID}">10</span>)</span>
  22.   </div>
  23. </div>
  24. <script language="JavaScript" type="text/javascript">show_digg({$ChannelID},{$InfoID},'{$GetSiteUrl}');</script>

  25.    <!--digg-->







在模板的样式中加入以下这段样式控制DIGG效果的

<style>

.mark {overflow:hidden;padding:15px 0 20px 111px; clear:both;}

#mark0, #mark1 {background:url(mark.gif) no-repeat -189px 0;border:0;cursor:pointer;float:left;height:48px;margin:0;overflow:hidden;padding:0;position:relative;width:189px;}

#mark1 {background-position:-378px 0;margin-left:10px;}

#barnum1, #barnum2 {color:#333333;font-family:arial;font-size:10px;font-weight:400;left:70px;line-height:12px;position:absolute;top:30px;}



</style>
 
科汛商学院助您快速入门
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
＜上一主题 | 下一主题 ＞
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.08203秒 powered by KesionCMS 9.0