TShopping

標題: 表格或層往下慢慢展開的效果 [打印本頁]

作者: woff    時間: 2008-9-21 19:23
標題: 表格或層往下慢慢展開的效果
  1. <html>

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=big5">
  4. <title>表格或層往下慢慢展開的效果</title>
  5. </head>

  6. <body>
  7. <script language="JavaScript">
  8. var act;
  9. function over(){
  10. var h = parseInt(mytd.height);
  11. if (h < 164){
  12. mytd.height = h + 2;
  13. clearTimeout(act);
  14. act = setTimeout('over()', 10);
  15. }
  16. }
  17. function out(){
  18. var h = parseInt(mytd.height);
  19. if (h > 30){
  20. mytd.height = h - 2;
  21. clearTimeout(act);
  22. act = setTimeout('out()', 10);
  23. }
  24. }
  25. </script>
  26. <table width="316" height="30" border="2" cellpadding="0" cellspacing="0" id="mytd" onMouseOver="over()" onMouseOut="out()">
  27. <tr>
  28. <td>這裏面填寫內容<br>網頁特效觀止</td>
  29. </tr>
  30. </table>
  31. </body>

  32. </html>
複製代碼

作者: kjdskafkdaa    時間: 2013-11-13 01:09
這個帖不错!!!!!  
作者: vcdkjswcy5    時間: 2013-11-13 01:09
回帖是種美德.  




歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2