CSDN这个效果怎么出来的？？

[b87936260]

就是鼠标放在图像上的时候，就显示该用户详细信息，我觉得应该是用div的display属性，用onmouseover实现，可是自己做的时候老不对，提示style为空，或不是对象！图片是在DataList里面，五条数据就应该有5个div，div的id也不能确定

[zyhjavascript]

<div id="div<%# Eval("id") %>"></div>这样div的ID不就确定了

[arjsyy]

对的是这样显示出来得！你获取得对象对吗，要获取得是单个的对象。我原来的时候也遇到过这样的问题，我得是因为我获取　得是数组，所以出了点小问题

[klyh1207]

 <asp:Image ID="Image1" runat="server" ToolTip="要提示的信息" ImageUrl="~/upload/tryaa.files/image001.jpg" />

[porschev]

方法很多。。。。onmovseover放上去。。。得到该图片的ID。。。。

通过AJAX提交。。返回需要的信息。。。。动态输出层。。。位置由鼠标的位置决定

还可以那里本来就放着一个隐藏层。。。鼠标放上去就让他显示就是了

[b87936260]

<img src="../<%# Eval("Photo") %>" id="userimg" width="150px" height="150px" border="0" alt="回复人" onmouseover='showinfo(<%#Eval("ID") %>)' onmouseout='hideinfo(<%#Eval("ID") %>)' />
<div id='<%#Eval("ID") %>' style="display:none; position:absolute; background-image:url(images/Login/bg.gif); width:200px">
<br />
<table>
<tr>
<td style="width:40px"><font color="green">昵称：</font></td>
<td><%#Eval("NickName") %></td>
</tr>
<tr>
<td>性别：</td>
<td><%#Eval("Sex")%></td>
</tr>
<tr>
<td>年龄：</td>
<td><%#Eval("Age")%></td>
</tr>
<tr>
<td>邮箱：</td>
<td><%#Eval("Email")%></td>
</tr>
<tr>
<td>地址：</td>
<td><%#Eval("Address")%></td>
</tr>

</table>
</div>

[b87936260]

<script language="javascript" type="text/javascript">
function hideinfo(a) {
a.style.display = "none";
}
function showinfo(a) {
a.style.display = "block";
}

</script>

[qqdd2716]

用jquery注册事件应该很好实现～

[b87936260]

我是这样写的，可还是报错了...开始一条数据的时候没问题，两条数据的时候报错...

[b87936260]

用js谁以前做过类似的贴个看看啊，我菜鸟...

[孟子E章]

老不对？
你把csdn的源代码下载下来就可以了

[b87936260]

它的代码太多太复杂啊，关键我贴的代码哪出了问题啊？？？

[zkcq2004]

onmouseout="hideinfo('<%#Eval("ID") %>')"

<script language="javascript" type="text/javascript">
function hideinfo(a) {
document.getElementById(a).style.display = "none";
}
function showinfo(a) {
document.getElementById(a).style.display = "block";
}

</script>

[zkcq2004]

onmouseout='hideinfo(this)'

this.nextSibling.style.display = "none"

很多中方法

[fanqi584520]

用AJAX吧。。也就是5楼说的方法。。很好实现的。

[yangchun1213]

好想法，楼主搞定了，也把代码贴出来看看

[yangchun1213]

CSDN上这个弹出的信息，不想普通的层，普通层是正正方方的，可这个还有个尖尖的角

[wuyq11]

onmousemove,onmouseot
弹出显示div,隐藏div
function show(name,action){
if(action=="show"){
document.getElementById(name).style.visibility="visible";
}
else if(action=="hide"){
document.getElementById(name).style.visibility="hidden";
}
}
onmouseover="show('','')" onmouseout="show('','')"
JavaScript 浮动定位提示效果

[slmintg]

[Quote=引用 17 楼 yangchun1213 的回复:]

CSDN上这个弹出的信息，不想普通的层，普通层是正正方方的，可这个还有个尖尖的角
[/Quote]

<div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 357px; height: 194px; position: absolute; text-align: left; background-image: url(http://topic.csdn.net/u/ui/styles/default/topic/bgUserCard.gif); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; left: 233px; top: 5060px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "><table

[linghuchong001]

嘿嘿，还以为是讨论啥呢

[b87936260]

基本上用document.getElementById(name).style代替name.style就可以了，谢谢大家，改了这里就成功了，呵呵