跟随页面滚动的层(有缓动).doc

跟随页面滚动的层（有缓动）跟随页面滚动的类，有缓动效果，可用于对联广告运行代码无着色模式打印?1. 2. 3. 4. 5. 萤火开发网6. 7. 8. 9. 10. 11. 12. 13. /*14. *跟随页面滚动的类15. *author:月高不知归16. *site:/17. 18. *使用示例：19. vartheFloaters=newFireflyFloaters(rate,speed);20. theFloaters.addItem(id,json,html);21. theFloaters.play();22. *rate:缓动变化率0-1，可缺省，默认为0.0523. *speed:速度（毫秒），可缺省，默认为2024. *id:跟随滚动的容器id25. *json:css样式，json对象26. *html:跟随滚动的容器的内容27. */28. 29. varFireflyFloaters=function(rate,speed)30. this.lastPos=0;31. this.rate=rate|0.05;32. this.speed=speed|20;33. this.items=;34. 35. FireflyFtotype=36. addItem:function(id,styles,content)37. varobj;38. if(arguments.length=1)39. obj=document.getElementById(id);40. else41. obj=document.createElement(div);42. obj.id=id;43. obj.innerHTML=content;44. for(varkeyinstyles)45. obj.stylekey=styleskey;46. 47. document.body.appendChild(obj);48. 49. if(obj)50. this.items.push(obj);51. 52. ,53. play:function()54. var_this=this;55. window.setInterval(function()_this.move(),_this.speed);56. ,57. move:function()58. vartop=document.documentElement.scrollTop|document.body.scrollTop;59. varstep=(top-this.lastPos)*this.rate;60. step=step0?Math.ceil(step):Math.floor(step);61. for(vari=0;ithis.items.length;i+)62. this.itemsi.style.top=parseInt(this.itemsi.style.top)+step+px;63. 64. this.lastPos+=step;65. 66. 67. 68. /示例69. vartheFloaters=newFireflyFloaters();70. theFloaters.addItem(floater_left,width:100px,height:100px,fontSize:12px,position:absolute,left:10px,top:100px,background:#ccc,此处放置内容);71. theFloaters.addItem(floater_right,width:100px,height:100px,fontSize:12px,position:absolute,right:10px,top:100px,background:#ccc,此处放置内容);72. theFloaters.play();73. 74. 75. 此例中，左右两个浮动层是动态创建的，如果页面中已经存在，不想动态创建，可通过另一种方式调用：运行代码无着色模式打印?1. 2. 3. 4. 5. /.前面代码省略6. 7. vartheFloaters=newFireflyFloaters();8. theFloaters.addItem(