www.511sjz.cn
问一下像这个网站http://www.511sjz.cn/WebShop/index.aspx把鼠标放在商品图片上就显示商品的详细信息是什么实现的？好像是css吧，能提供一下代码吗 问题点数：20、回复次数：5Top
1 楼lee29992（）回复于 2006-11-02 22:57:51 得分 0
虽然我不知道，帮你顶一下，关注。Top
2 楼PCHWBANK（）回复于 2006-11-02 23:04:33 得分 0
只是很简单的 js 的 onmouseover + divTop
3 楼l6098627（似水流年[哈有文章采集器:http://www.hayou.net.cn]）回复于 2006-11-02 23:09:02 得分 10
onMouseOver="ShowTooltip('江中健胃消食片','￥7.00','￥9.00','2','￥7.00')" onMouseOut="HideTooltip()"
<script language="javascript">
//显示弹出窗体
function ShowTooltip(Name, vPrice, Price, Score,bPrice)
{
document.getElementById("td1").innerText="商品名称："+Name;
document.getElementById("td5").innerText="VIP 价：暂不提供";
document.getElementById("td2").innerText="会 员 价：暂不提供";
document.getElementById("td3").innerText="零 售 价：暂不提供";
document.getElementById("td4").innerText="赠送积分：暂不提供";
//获得鼠标的X轴的坐标
x = event.clientX + document.body.scrollLeft;
//获得鼠标的Y轴的坐标
y = event.clientY + document.body.scrollTop + 20;
//显示弹出窗体
Popup.style.display="block";
//设置窗体的X,Y轴的坐标
Popup.style.left = x;
Popup.style.top = y;
}
//隐藏弹出窗体
function HideTooltip()
{
Popup.style.display="none";
}
</script>Top
4 楼l6098627（似水流年[哈有文章采集器:http://www.hayou.net.cn]）回复于 2006-11-02 23:10:06 得分 10
<div class="transparent" id="Popup" style=" top:auto">
<div style="background-color: #D2E8FF">
<table cellPadding="0" border="0">
<tr>
<td align="center" bgColor="#4AA5FF"><b><font color="white">商品预览</font></b></td>
</tr>
<tr>
<td id="td1"></td>
</tr>
<tr>
<td id="td5"></td>
</tr>
<tr>
<td id="td2"></td>
</tr>
<tr>
<td id="td3"></td>
</tr>
<tr>
<td id="td4"></td>
</tr>
</table>
</div>
</div>Top
5 楼tete（N多Flash-www.ndflash.com）回复于 2006-11-04 17:12:40 得分 0
l6098627(似水流年)
正解Top
