目录 可获取用户勋章，数量LIMIT自己改。 查询

$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 class="buttons row medal"> <!--{loop $medals $medal}--> <div class="medal-list col-xs-1"> <img src="{$_G['style'][imgdir]}/{$medal['image']}"alt="" id="md_{$medal['medalid']}" onmouseover="showMenu({'ctrlid':this.id, 'menuid':'md_{$medal['medalid']}_menu', 'pos':'12!'});" initialized="true"/> <span class="medal-text">{$medal['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;}