怎樣把鼠標移動到一段文字，彈出一個框架，有背景顏色什麼的，比如csdn帖子左邊的用戶

Question

當鼠標移動到用戶的時候，會有一個說明，上面有圖片，有文字說明
解決給50分

Answer 1

<style>
.calendar_Layer_tablebg {
    background-color: #bc8e41;
}
.calendar_Layer_tablein {
    background-color: #FFFFFF;
}
</style>
<script. language='javascript' type="text/javascript">
var show=0;function get_pos_x(obj)
{
    var x=obj.offsetLeft;
    while(obj.offsetParent){
        bj=obj.offsetParent;
        x+=obj.offsetLeft;
    }
    return x;
}
function get_pos_y(obj)
{
    var y=obj.offsetTop;
    while(obj.offsetParent){
        bj=obj.offsetParent;
        y+=obj.offsetTop;
    }
    return y;
}
function show_img(obj,edate)
{
    show++;
 
    if(!obj) return;
 
    var div_obj=document.getElementById('contents');
if( 1==1 ) {
        div_obj.innerHTML="<table cellpadding=1 cellspacing=1 class=calendar_Layer_tablebg><tr><td>" + edate + "</td></tr><tr><td class=calendar_Layer_tablein>" + edate + "</td></tr></table>";
        div_obj.style.left=get_pos_x(obj)+5; //x;
        div_obj.style.top=get_pos_y(obj)+15; //y;
        div_obj.style.display="inline";
    }else div_obj.style.display="none";
}
function hide_img()
{
    if(--show>0) return;
    var div_obj=document.getElementById('contents');
    div_obj.style.display='none';
}
</script> body代码：<div class="calendar_Layer" id="contents" style="position:absolute;display:none" nmouseover="show_img()" onmouseout="window.setTimeout('hide_img()',5)"></div> <table width="50%">
<tr>
<td ><a href='' nmouseover="show_img(this,'2007-1-1')" nmouseout="window.setTimeout('hide_img()',5)"  >用户1</a></td>
</tr><tr><td height='20'>&nbsp;</td></tr><tr>
<td ><a href='' nmouseover="show_img(this,'2007-1-5')" nmouseout="window.setTimeout('hide_img()',5)"  >用户2</a></td>
</tr>
</table>主要是把 div的样式设计一下，然后就ok拉

Answer 2

<asp:Label ID="lbl" runat="server" onmousemove=seashowtip(this.Text,1,150)>124</asp:Label>紅色的我想使用變量值，該如何做呢?

Answer 3

用dreamweaver开发的网页，在dreamweaver里可以找到一个功能，就如你所说的。

Answer 4

我的意思是csdn一樣,還有一個箭頭？高手都冬眠了?

Answer 5

不信你把鼠标放在箭头旁边的空白处..DIV一样不会消失...