符合WEB标准的鼠标实现图片的渐隐

大 | 中 | 小 鸡零狗粹 2007/06/19 arthd
  1. 以下为引用的内容：
  2.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml...">
  3.  <html xmlns="http://www.w3.org/1999/xht...">
  4.  <head>
  5.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.  <title>www.webjx.com</title>
  7.  
  8. Chinaz.com
  9.  
  10.  <script language=JavaScript1.2>
  11.  <!--
  12. function high(which2){
  13. theobject=which2
  14. highlighting=setInterval("highlightit(theobject)",40)
  15. }
  16. function low(which2){
  17. clearInterval(highlighting)
  18. which2.filters.alpha.opacity=40
  19. }
  20. function highlightit(cur2){
  21. if (cur2.filters.alpha.opacity<100)
  22. cur2.filters.alpha.opacity+=5
  23. else if (window.highlighting)
  24. clearInterval(highlighting)
  25. }
  26. //-->
  27.  </script> [中国站长站]
  28.  
  29.  <style type="text/css">
  30.  <!--
  31. h1 {text-align:center;margin-top:50px;}
  32. p#outer {
  33. margin:0 auto;
  34. width:202px;
  35. }
  36. #outer a {
  37. margin:0px;
  38. display:block;
  39. position: relative;
  40. border:1px solid #ccc;
  41. }
  42. #outer a:hover {border:1px dashed #c00;}
  43. #outer img {display:block;border:none;background:#069;}
  44. -->
  45.  </style>
  46.  </head>
  47.  <body>
  48.  <h1>将鼠标移至图片，将看到此效果。</h1>
  49.  <p id="outer"><a href="http://www.webjx.com/"><img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20)' src="http://www.webjx.com/image..." alt="www.webjx.com" width="200" height="90" /></a>
  50.  </p>
  51.  </body>
  52.  </html>
From: 本站原创
已经有0个回复 引用(0)
看完了要说点啥？

昵称

网址

电邮

打开UBB 表情 打开表情 隐藏 记住我 [注册]