当鼠标放在超链接(人名,如张三)上,获取人名,从数据库中查找出其信息,然后自动弹出方框,显示个人的信息(文字和图片),怎么实现?我要源码,谢谢。就像csdn论坛中鼠标放在发帖人的图片上,可以弹出显示他的照片和信息一样。我要源码,,,,急!!

解决方案 »

  1.   

    那不如直接分析csdn的网页代码吧。
      

  2.   


    function showUserCard(sender, username) {
    if (!window.loaded) return; // 未加载
    if (!currentUserCard) {
    //if (!panelTopicAdmin) return; 
    currentUserCard = new CsdnUserCard(); //*/
    }
    var point = absolutePoint(sender);
    currentUserCard.owner = sender;
    currentUserCard.show(point.x + 65, point.y, username, sender.src);
    currentUserCard.mouseover = function(e) {
    var element = typeof event != "undefined" ? event.srcElement : e.target;
    var hotCard = false;
    while (element) {
    hotCard = element == currentUserCard.owner || element == currentUserCard.div_card;
    if (hotCard) break;
    element = element.parentNode;
    }
    if (!hotCard) {
    removeEventHandler(document, "mouseover", currentUserCard.mouseover);
    currentUserCard.close();
    }
    }
    addEventHandler(document, "mouseover", currentUserCard.mouseover);
    }
    <img onmouseover="try{showUserCard(this,'xie641482398')}catch(ex){};" src="http://avatar.profile.csdn.net/0/B/4/2_xie641482398.jpg">这些是从CSDN上分离出来的代码。。