返回列表 回复 发帖

图片自由运动

  1. --------------------------------------------------------------------------------

  2. 脚本说明:
  3. 第一步:把如下代码加入<head>区域中
  4. <SCRIPT LANGUAGE="JavaScript">
  5. <!-- Begin
  6. var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
  7. var _all = '';
  8. var _style = '';
  9. var wwidth, wheight;
  10. var ydir = '++';
  11. var xdir = '++';
  12. var id1, id2, id3;
  13. var x = 1;
  14. var y = 1;
  15. var x1, y1;
  16. if(!isNS) {
  17. _all='all.';
  18. _style='.style';
  19. }
  20. function getwindowsize() {
  21. clearTimeout(id1);
  22. clearTimeout(id2);
  23. clearTimeout(id3);
  24. if (isNS) {
  25. wwidth = window.innerWidth - 55;
  26. wheight = window.innerHeight - 50;
  27. } else {
  28. wwidth = document.body.clientWidth - 55;
  29. wheight = document.body.clientHeight - 50;
  30. }
  31. id3 = setTimeout('randomdir()', 20000);
  32. animate();
  33. }
  34. function randomdir() {
  35. if (Math.floor(Math.random()*2)) {
  36. (Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
  37. } else {
  38. (Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
  39. }
  40. id2 = setTimeout('randomdir()', 20000);
  41. }
  42. function animate() {
  43. eval('x'+xdir);
  44. eval('y'+ydir);
  45. if (isNS) {
  46. pic1.moveTo((x+pageXOffset),(y+pageYOffset))
  47. } else {
  48. pic1.pixelLeft = x+document.body.scrollLeft;
  49. pic1.pixelTop = y+document.body.scrollTop;
  50. }
  51. if (isNS) {
  52. if (pic1.top <= 5+pageYOffset) ydir = '++';
  53. if (pic1.top >= wheight+pageYOffset) ydir = '--';
  54. if (pic1.left >= wwidth+pageXOffset) xdir = '--';
  55. if (pic1.left <= 5+pageXOffset) xdir = '++';
  56. } else {
  57. if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
  58. if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
  59. if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
  60. if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
  61. }
  62. id1 = setTimeout('animate()', 30);
  63. }
  64. //  End -->
  65. </script>

  66. 第二步:在<body>区中加入如下代码
  67. <div id="pic1" style="position:absolute; visibility:visible; left:0px; top:0px; z-index:-1">
  68. <img src="image1.gif" tppabs="http://www.csdn.net/javascript/image1.gif" border="0">
  69. </div>

  70. <script language="javascript">
  71. var pic1=eval('document.'+_all+'pic1'+_style);
  72. </script>


  73. 第三步:把<body>区中内容改为:
  74. <body bgcolor="#fef4d9" OnLoad="getwindowsize()" OnResize="getwindowsize()">

复制代码
海纳百川  有容乃大
帮你顶点贴 坐沙发
1

评分次数


点击进入私密相册

                                                                                D·īл.欧美主流素材
                                                                              D.iл --------QQ空间


只有板凳了,不过也帮你顶一下!
1

评分次数

返回列表