Question

如果我想制作一个类似新浪微博的粉丝页面，也就是鼠标悬停在某一人的div上时，弹出该对象信息的页面，

如果我想制作一个类似新浪微博的粉丝页面，也就是鼠标悬停在某一人的div上时，弹出该对象信息的页面，我应如何实现

Answer 1

“代码”L =“HTML”>＆LT;样式和NBSP;类型= QUOT;文/ CSS和QUOT;与GT;
div.up {

＆NBSP; ＆NBSP; ＆NBSP;宽度：350像素; ＆NBSP; ＆NBSP; ＆NBSP;高度：300像素;

＆NBSP; ＆NBSP; ＆NBSP;背景：#CCCCCC;

＆NBSP; ＆NBSP; ＆NBSP;溢出：隐藏;

div.up＆NBSP; IMG {宽度：100％;身高：100％;}

＃下来＆NBSP; IMG {

＆NBSP; ＆NBSP; ＆NBSP;宽度：60PX;

＆NBSP; ＆NBSP; ＆NBSP;高度：100像素;

＆NBSP; ＆NBSP; ＆NBSP;不透明度：0.3;

＆NBSP; ＆NBSP; ＆NBSP;过滤器：α（不透明度= 30）;

下来＆NBSP; img.change_image {不透明度：1;过滤器：α（不透明度= 100）;}

div.down {

＆NBSP; ＆NBSP; ＆NBSP;宽度：350像素;

＆NBSP; ＆NBSP; ＆NBSP;高度：100像素;

＆LT; /样式和GT;

＆LT; DIV＆NBSP; CLASS =＆QUOT; UP＆QUOT; ＆NBSP; ID = QUOT; UP＆QUOT;与GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/7IPHCN5NZLFVRAI9JAYA.png" width="100%" height="100%"></div>

＆NBSP; ＆NBSP; ＆NBSP; ＆LT; DIV＆NBSP; CLASS =＆QUOT;唐氏QUOT; ＆NBSP; ID = QUOT;唐氏QUOT;与GT;

＆NBSP; ＆NBSP; ＆NBSP; ＆LT;表＆gt;

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TR和GT; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TD＆GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/7IPHCN5NZLFVRAI9JAYA.png"></td>

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TD＆GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/TA4XYN36997HAJ299CXZ.png" />< / TD＆GT;

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TD＆GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/VP8KQ2FGN9MYHLLS6DDE.png" /＆GT; ＆LT; / TD＆GT;

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TD＆GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/ ZT8IANM6E7C46DRT8L64。 PNG＆QUOT; ＆NBSP; /＆GT; ＆LT; / TD＆GT;

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; TD＆GT; ＆LT; IMG＆NBSP; SRC = QUOT;参考/7IPHCN5NZLFVRAI9JAYA.png" /></td>

＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆NBSP; ＆LT; / TR和GT;

＆NBSP; ＆NBSP; ＆NBSP; ＆LT; /表＆gt;

＆NBSP; ＆NBSP; ＆NBSP; ＆LT; / DIV＆GT;

＆LT;脚本＆NBSP;类型= QUOT;文/ javascript中与QUOT; ＆NBSP; SRC = QUOT;的jquery.js和QUOT;与GT; ＆LT; /脚本与GT;

＆LT;脚本＆NBSP;类型= QUOT;文/ javascript中与QUOT;与GT;

（文档）$就绪（函数（）{

$（'＃UP＆NBSP; IMG“）ATTR（'src'中，$（'＃下来＆NBSP; IMG”。）EQ （0）.attr（'src'中））; //开幕词，第一个图来了＃＆NBSP; IMG

$（'＃下来＆NBSP; IMG“）EQ（0）.addClass（ ＆QUOT; change_image＆QUOT）; //开放所选

$（'＃下来＆NBSP ;. IMG“）悬停（函数（）的第一个缩略图{

$（'＃下来＆NBSP ; IMG“）移出元素（＆QUOT; change_image＆QUOT）; //清除所有选择

$（本）.addClass（＆QUOT; change_image＆QUOT）; //当前图像中选择
> $（'＃UP＆NBSP; IMG“）ATTR（'src'中，$（本）.attr（'src'中））; //当前图片地址＃UP＆NBSP; IMG

}） ;

}）;
＆LT; /脚本与GT;

爵华士科技 敬上

Answer 2

添加行为 onmousemver

Answer 3

这个估计有点玄，你慢慢研究。