鼠标悬停头像显示 详细信息层js控制层的显示位置解决方法
日期：2014-05-16 浏览次数：20367 次
鼠标悬停头像显示 详细信息层js控制层的显示位置
目标效果 跟新浪 微博 鼠标悬停头像 显示出资料卡效果一样
目标效果 跟新浪 微博 鼠标悬停头像 显示出资料卡效果一样
$(function () {
//2.绑定鼠标经过事件
$("a[userid]").mouseover(function () {
$.ajax({
url: "../handler/UserInfo.ashx?userid=" + $(this).attr("userid"),
type: "post",
timeout: 30000,
dataType: "json",
success: function (data) {
if (data != null) {
var tipinfo = "<!--vcard_bg--><div class=\"vcard_bg\">" +
"<!--vcard_box--><div class=\"vcard_box\">" +
"<!--v_header--><div class=\"v_header\">" +
"<!--userinfo--><div class=\"v_user_headimg\">" +
"<a href=\"#\"><img src=\"" + data.params.selfpicture + "\" width=\"50\" height=\"50\" border=\"0\" /></a></div>" +
"<div class=\"v_user_headername\">" +
"<p><a href=\"#\">" + data.params.nickname + "</a>" +
data.params.validated == true ?
"<img style=\"cursor:pointer; margin:5px 0 0 3px;\" title=\"已认证\" src=\"images/vip.gif\">" : "" +
"</p><p><em>" + data.params.city + "</em><em>海淀区</em></p>" +
"<div class=\"v_user_atten\">" +
"<ul>" +
"<li class=\"li_dif\">" +
"<a href=\"#\">我关注的</a>" +
&nbs
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
