麦屯网

标题: 鼠标移到文字链接上弹出图片代码 [打印本页]
作者: 大旭工作室    时间: 2018-11-24 23:01
标题: 鼠标移到文字链接上弹出图片代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>鼠标移到文字上弹出提示层</title>
  6. <style type="text/css">
  7. <!--
  8. #box{
  9. display:none;
  10. width: 315px;
  11. height: 180px;
  12. background:#CCC;
  13. border:1px solid #333;
  14. padding:12px;
  15. text-align:center;
  16. }
  17. -->
  18. </style>
  19. <script type="text/javascript" language="javascript" >
  20. <!--
  21.   function display(){
  22. document.getElementById("box").style.display="block";
  23.   }
  24.   function disappear(){
  25. document.getElementById("box").style.display="none";
  26.   }
  27. -->
  28. </script>
  29. </head>
  30. <body>
  31. <a href="#" onmouseover="display()" onmouseout="disappear()">查看光度范围</a>
  32. <div id="box" onmouseover="display()" onmouseout="disappear()"><img src="123.png" /></div>
  33. </body>
  34. </html>
复制代码






欢迎光临 麦屯网 (https://www.maitun.net/) Powered by Discuz! X3.4