标记对象的显示和隐藏，响应鼠标打开网页

发布时间：2018-08-27 17:28:03 所属栏目：Unix 来源：站长网

导读：标记对象的显示和隐藏，响应鼠标打开网页。就是说，当我们将鼠标移动到链接上时，以浮动的iframe形式显示指定的URL网页内容，这也是一个比较常用的技巧，鼠标放上后激发某个程序代码，很实用。演示代码： htmlheadtitle标记对象的显示和隐藏/titlestyle t

　　标记对象的显示和隐藏，响应鼠标打开网页。就是说，当我们将鼠标移动到链接上时，以浮动的iframe形式显示指定的URL网页内容，这也是一个比较常用的技巧，鼠标放上后激发某个程序代码，很实用。

　　演示代码：

<html> <head> <title>标记对象的显示和隐藏</title> <style type="text/css"> #myTable { position:absolute; background-color:blue;} p { font-size:12pt; color:yellow; width:100; height:30; background-color:blue;} </style> <script language="<b>Java</b>Script"> function hideITable(){ myTable.style.visibility = 'hidden'; } function showITable(strFile){ myTable.style.visibility = ''; myTable.style.left = event.clientX; myTable.style.top = event.clientY; document.all.ishow.src = strFile; } </script> </head> <body> <p onmouseout="hideITable()" onmouseover="showITable('http://www.veryhuo.com/index.html')">烈火学院</p> <table id="myTable" style="visibility:hidden;" border="2"> <tr><td> <iframe id="ishow" width="300" height="200" src=""> </iframe> </td></tr> </table> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：新余站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!