在ASP网页中如何让文字链接鼠标悬停 显示图片

来源:百度知道 编辑:UC知道 时间:2024/05/24 05:16:15
注意,我不是要单个的,实现单个文字链接很容易找到代码都能实现,
我是在ASP动态网页中,调用显示一个文字字段,需要鼠标悬停显示字段中文字对应的图片
用过些JS做的,浏览时IE会弹出警告框,确认后才有效果
而且我是动态网页,是调用数据库后出现的一排文字(其中一个字段),数据库中每个记录都对应有图片。

网上找到过下面代码,试用之后,部分实现,只有一个连接正常,其他都不显示

<style type="text/css">
<!--

a#tip {position:relative;left:0px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;text-decoration:none;}
a#tip:visited {color:#000;text-decoration:underline;}
a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:20px 30px;position:absolute;top:0px;left:90px;color:#009933}
-->
</style>

。。。。程序
<a id="tip" href="showproducts.asp?id=<%=rs("bookid")%"><%=rs("bianhao")%><span id="tip_info">信息!<img src="<%=rs("bookpic")%>" width="180"/></span&

我建议你将要显示的文字和图片路径保存在表单变量中,然后在客户端代码中读取这两个变量的值,使用一个层来显示图片,通过事件onmouseover和onmouseout来控制该层的可见性