图片显示资料问题

Question

怎么让把鼠标放到图片上就让它弹出一个窗口,窗口上面显示你的基本信息.
就像是csdn上的那种,如何实现的,有谁知道给个思路给我好吗?谢谢.用jsp+javascript可以吗?

Answer 1

可以啊,你直接看csdn的源码不就完了,你的信息如下,先把信息取出来隐藏,鼠标划过时显示划出时隐藏
 
 <table class="item topic" cellspacing="1">
  <tr><th colspan="2" class="topicCaption">
  <strong><span csdnid="topicSubject" id="topicSubject">图片显示资料问题</span><span csdnid="isPrime" class="">
    <img alt='' src='/u/ui/images/blank.gif' /></span><span csdnid="isLocked" class="">
    <img alt='' src='/u/ui/images/blank.gif' /></span><span csdnid="isCheckOut" class="color_red"></span></strong>
  </th></tr>
  <tr><td class="info">
   <dl><dd class="icon">
        <a href="http://hi.csdn.net/ansha886"   target="_blank" title="进入用户个人空间"><img src="http://profile.csdn.net/ansha886/picture/2.jpg" onmouseover="javascript:try{showUserCard(event,'ansha886')}catch(ex){};" alt="进入用户个人空间" /></a></dd>
       <dd><a target="_blank" href="http://webim.csdn.net/AddFriends/ansha886.ashx">加为好友</a></dd>
       <dd><a target="_blank" href="http://hi.csdn.net/guest/profile/post/send/ansha886.html">发送私信</a></dd>
       <dd><a target="_blank" href="http://webim.csdn.net/Messages/ansha886.ashx">在线聊天</a></dd></dl>
    <ul><li class="username"  onmouseover="javascript:try{showUserCard(event,'ansha886')}catch(ex){};"> <img alt='' src='http://webim.csdn.net/UserOnlineFace/Theme1/ansha886.ashx' /><a target="_blank" href="http://hi.csdn.net/ansha886"><var csdnid="topicUsername" id="topicUserName">ansha886</var></a></li>
        <li class="nickname"><textarea cols="" rows="" csdnid="topicNickname" readonly="readonly">流金岁月</textarea></li>
        <li>等级:<img alt="" src="/u/ui/images/blank.gif" csdnid="topicUserRank" class="grade user1" /></li></ul>
  </td>

Answer 2

不好意思 我搜的主题于这个主题重复了,csdn可能是动态干的,你别学csdn的实现方式了麻烦,你按我说的干比较简单.

Answer 3

是啊 没啥难得 ajax而已
http://blog.csdn.net/sunyujia/archive/2008/05/02/2363085.aspx

Answer 4

最简单的就是给你的标签加一个title就可以了，这个title可以动态生成的，
例如:String s = "哈哈"；
<td title="<%=s%>">sdfsdf</td>
这样只要鼠标放在sdfsdf上就能有一个title出现，上面定义的s可以是任何一个你在页面能够过去到的字符串；