我正在尝试这样做，以便当列表中的标签名称悬停时，它应该在它被标记的位置显示一个框（如 Facebook）。
这是我的代码：
查看标签.php
<?php
$sql = "SELECT * FROM image_tag ORDER BY `pic_id`";
$qry = mysql_query($sql);
$rs = mysql_fetch_array($qry);
if ($rs){
do{
echo '<li rel="'.$rs['pic_id'].'"><label>'.$rs['name'].'</label></li>';
}while($rs = mysql_fetch_array($qry));
}
?>
索引.php
.tagview
{
border:solid 3px #fff;
width:100px;
height:100px;
position:absolute;
display:none;
}
$('#taglist li').on('mouseover mouseout',function(event){
pic_id = $(this).attr("rel");
if (event.type == "mouseover"){
$('#view_' + pic_id).show();
}
if (event.type == "mouseout"){
$('#view_' + pic_id).hide();
}
});
viewlist();
function viewlist()
{
$.post('viewtag.php', function(data){
$('#taglist ol').html(data);
});
}
<?php
$query = mysql_query("SELECT * FROM image_tag");
$run = mysql_fetch_array($query);
if($run){
do{
?>
<div class="tagview" style = "top:<?php echo $top; ?>px; left:<?php echo $left; ?>px;" id="view_<?php echo $number; ?>"></div>
<?php
}while($run = mysql_fetch_array($query));
}
?>
<div id="taglist">
<span class="tagtitle">List of Tags</span>
<ol>
</ol>
</div>
这很令人困惑，所以我已经发布了到目前为止我所尝试的内容。