怎么利用javascript和html输出文本

我要实现这样一个功能,网页上有一张图片,当鼠标停在图片上时,在其上方显示一行文本,用onMouseOver可以获得焦点,让后怎么让文本输出呢???不能用.net控件,也不... 我要实现这样一个功能,网页上有一张图片,当鼠标停在图片上时,在其上方显示一行文本,用onMouseOver可以获得焦点,让后怎么让文本输出呢???
不能用.net控件,也不能用jsp.只用javascript和html。大家帮帮忙,谢谢了
!!
展开
 我来答
匿名用户
2013-10-29
展开全部
你说的不是<img title='提示信息吧' src=...>吧,下面的代码是我刚才写的例子,你参考就可以做:

<div id=img_note></div>
<img src=SH101721.JPG height=400 onMouseOver="img_note.innerHTML='说明文字';" onMouseOut="img_note.innerHTML='';">

DIV可以放在任意地方,也可以是SPAN。

补充:
你的代码基本上正确,只是有一点小毛病,就是鼠标移开以后提示不消失,因为你后面的img_note1你丢失了数字,修改如下:

<tr>
<td height="20" width="51"><div id=img_note1></div></td>

<td height="20" width="51"><div id=img_note2></div></td>

<td height="20" width="51"><div id=img_note3></div></td>
</tr>
<tr>
<td><a href=""><img src="index.do_files/game_12.gif" height="55" width="51" onMouseOver="img_note1.innerHTML='说明文字';" onMouseOut="img_note1.innerHTML='';"></a></td>

<td><a href=""><img src="index.do_files/game_3.gif" height="55" width="51" onMouseOver="img_note2.innerHTML='说明文字';" onMouseOut="img_note2.innerHTML='';"></a></td>

<td><a href=""><img src="index.do_files/game_11.gif" height="55" width="51" onMouseOver="img_note3.innerHTML='说明文字';" onMouseOut="img_note3.innerHTML='';"></a></td>
</tr>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式