最新最全的移动资源,海量教程攻略!

网站首页 > 技术支持 > discuz > discuz使用教程 > discuz 调最新用用户勋章代码

discuz 调最新用用户勋章代码

作者: 资源猫 时间: 2020-03-03 17:45:46 人气: 10

$medals=array();
$mls=DB::query( SELECT a.*,b.* FROM .DB::table( common_member_medal ). a LEFT JOIN .DB::table( forum_medal ). b on b.medalid=a.medalid WHERE b.`available` 0 AND a.`uid`='$_G[uid]' ORDER BY b.`displayorder` ASC LIMIT 0,20
while ($ml=DB::fetch($mls)) {
     $medals[]=$ml;
}
复制代码
模板
div >
!--{loop $medals $medal}--
div >
img src= {$_G['style'][imgdir]}/{$medal['image']} alt= id= md_{$medal['medalid']} quot;showMenu({'ctrlid':this.id, 'menuid':'md_{$medal['medalid']}_menu', 'pos':'12!'}); initialized= true /
span 'name']} /br {$medal['description']} /span
/div
!--{/loop}--
/div
复制代码
描述没搞出来,好像是缺js,自己用的css的:hover
部分css
.medal .medal-list{display:inline-block;position:relative;cursor:pointer;}
.medal .medal-list .medal-text:before{content: position: absolute;top: -6px;left: 50%;margin-left: -8px;border-color: transparent transparent #3498db transparent;border-style: solid;border-width: 0 7px 8px 7px;height: 0;width: 0;}
.medal .medal-list .medal-text{opacity: 0;position: absolute;top: 25px;left:-65px;width: 180px;background-color: #3498db;color: #fff;padding: 10px 0;line-height: 14px;font-size: 12px;text-align: center;border-radius: 2px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:-9999;}
.medal .medal-list img:hover + .medal-text{opacity: 1;top:45px;z-index:9999;}

感谢访问资源猫吧,本站所有资源均来自互联网或用户分享,如您发现本站存在侵权或违规内容,请来邮件告知我们! 资源分享/侵权下架/商务合作联系邮箱:qiazou77ziyuan@126.com