鼠标触发浮动框代码

垃圾文章凑合着看很一般还不错精品 (暂时没有评价)
Loading ... Loading ...

这样的东西有很多，正好用到了这个。效果自己复制了看下吧

用到的图片

  1. function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
  2. clearTimeout(eval(layerName).timer)
  3. if(eval(layerName).curLeft != fromLeft){
  4. if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
  5. else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
  6. else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
  7. if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
  8. if(ns){document[layerName].left = eval(layerName).curLeft}
  9. }
  10. if(eval(layerName).curTop != fromTop){
  11. if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
  12. else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
  13. else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
  14. if(ie){document.all[layerName].style.top = eval(layerName).curTop}
  15. if(ns){document[layerName].top = eval(layerName).curTop}
  16. }
  17. eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
  18. }
  19.  
  20. function setPace(layerName, fromLeft, fromTop, motionSpeed){
  21. eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
  22. eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
  23. moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
  24. }
  25. function FixY(){
  26. if(ie){sidemenu.style.top = document.body.scrollTop+10}
  27. if(ns){sidemenu.top = window.pageYOffset+10}
  28. }
  29.  
  30. //树形导航的JS代码
  31. var expandState = 0;
  32. function expand(){
  33. if(expandState == 0){setPace('master', 0, 10, 10); if(ie){document.menutop.src = 'images/menui.gif'}; expandState = 1;}
  34. else{setPace('master', -300, 10, 10); if(ie){document.menutop.src='images/menuo.gif'}; expandState = 0;}
  35. }
  36. document.write("
  37. #master {LEFT: -300px; POSITION: absolute; TOP: 25px; VISIBILITY: visible; Z-INDEX: 999}
  38.  
  39. ")
  40. document.write("
  41. <table id="master" border="0" cellspacing="0" cellpadding="0" width="318">
  42. <tbody>
  43. <tr>
  44. <td><img src="http://www.52004.com.cn/wp-admin/images/menutop.gif" border="0" alt="" width="300" height="6" /></td>
  45. <td rowspan="2" valign="top"><img id="menu" onmouseover="javascript:expand()" src="http://www.52004.com.cn/images/menuo.gif" border="0" alt="" width="18" height="70" /></td>
  46. </tr>
  47. ");
  48. document.write("
  49. <tr>
  50. <td valign="top">
  51. <table border="0" cellspacing="5" cellpadding="0" width="100%">
  52. <tbody>
  53. <tr>
  54. <td height="80" valign="top">
  55. <table style="height: 100%;" border="1" cellspacing="5" cellpadding="0" width="100%" bgcolor="#ecf6f5" bordercolor="#666666">
  56. <tbody>
  57. <tr>");
  58. document.write("
  59. <td height="10" align="center" bordercolor="#ecf6f5"><span style="color: #999900;"><strong>聚 川 搜 索</strong></span></td>
  60. </tr>
  61. <tr>
  62. <td valign="top" bordercolor="#ecf6f5">");
  63. document.write("</td>
  64. </tr>
  65. </tbody></table>
  66. </td>
  67. </tr>
  68. </tbody></table>
  69. </td>
  70. </tr>
  71. </tbody></table>
  72. ");
  73. var ie = document.all ? 1 : 0
  74. var ns = document.layers ? 1 : 0
  75. var master = new Object('element')
  76. master.curLeft = -200;   master.curTop = 10;
  77. master.gapLeft = 0;      master.gapTop = 0;
  78. master.timer = null;
  79. if(ie){var sidemenu = document.all.master;}
  80. if(ns){var sidemenu = document.master;}
  81. setInterval('FixY()',100);

你可能对这个有点兴趣：

可乐发表于:03-22-08

看完了说点啥？