CSDN的用户资料提示是怎么做的？？

cakexiang 2009-07-27 04:51:03

CSDN的用户资料提示是怎么做的啊？？如鼠标移动至我的头像就会有一个层出来显示我的个人资料。
觉得这个效果很好，有人透漏点吗。

...全文

60 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

tfxg 2009-07-27

打赏
举报

<li class="center"><a href="http://hi.csdn.net/cakexiang" target="_blank" onclick='LogClickCount(this,111);'><img src="http://avatar.profile.csdn.net/1/A/7/2_cakexiang.jpg" onmouseover="try{showUserCard(this,'cakexiang')}catch(ex){};"/></a></li>

function showUserCard(sender, username) {
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);
}

以上代碼是右鍵+V然後抄的

程序猿之殇 2009-07-27

打赏
举报



<li class="center"><a href="http://hi.csdn.net/cakexiang" target="_blank" onclick='LogClickCount(this,111);'><img src="http://avatar.profile.csdn.net/1/A/7/2_cakexiang.jpg" onmouseover="try{showUserCard(this,'cakexiang')}catch(ex){};"/></a></li>



//t5.js

function showUserCard(sender, username) {

	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);

}