J jman168 Unregistered / Unconfirmed GUEST, unregistred user! 2006-11-04 #1 如a.htm 页面上有一链接<a href ="images/food.jpg">食物</a> ,要实现的效果是当鼠标经过"食物"链接时,图片food.jpg浮在a.htm "食物"链接处,当鼠标离开food.jpg时,此图片自动消失. 这样实现图片的预览功能.
如a.htm 页面上有一链接<a href ="images/food.jpg">食物</a> ,要实现的效果是当鼠标经过"食物"链接时,图片food.jpg浮在a.htm "食物"链接处,当鼠标离开food.jpg时,此图片自动消失. 这样实现图片的预览功能.
9 99134234 Unregistered / Unconfirmed GUEST, unregistred user! 2006-11-07 #2 全部代码如下，需要的话，还可以控制图片出现的位置，应该是你要的效果 <html> <head> <title>test</title> <script language="javascript"> function view() { document.all.pic.style.display='block'; } function hide() { document.all.pic.style.display='none'; } </script> </head> <body> <a href="help.gif" onmouseover="view()" onmouseout="hide()">食物</a> <div id="pic" style="DISPLAY:none;"><imgsrc="help.gif"></div> </body> </html>
全部代码如下，需要的话，还可以控制图片出现的位置，应该是你要的效果 <html> <head> <title>test</title> <script language="javascript"> function view() { document.all.pic.style.display='block'; } function hide() { document.all.pic.style.display='none'; } </script> </head> <body> <a href="help.gif" onmouseover="view()" onmouseout="hide()">食物</a> <div id="pic" style="DISPLAY:none;"><imgsrc="help.gif"></div> </body> </html>
