雨无形的BLOG » code http://www.yuwuxing.com 关注互联网发展 Fri, 23 Dec 2011 04:00:30 +0000 en hourly 1 http://wordpress.org/?v=3.3 我修改的,支持FF和IE的漂浮广告代码 http://www.yuwuxing.com/move-ad-code/ http://www.yuwuxing.com/move-ad-code/#comments Mon, 21 Jan 2008 15:01:01 +0000 雨无形 http://www.yuwuxing.com/?p=4 网上搜索的一段代码,但是加上DOCTYPE后就不能用了,于是乎修改了一下,现在完美支持FF和IE

您可能也喜欢：
根据访问者分辨率，自动调用不同版式CSS的代码
举国同悲，一条CSS代码把网页变黑白
详解CSS的优先权（ZT）
译文:创建性感的CSS（ZT）
20 个漂亮的 Ajax + CSS 表格
无觅
]]> 网上搜索的一段代码,但是加上DOCTYPE后就不能用了,于是乎修改了一下,现在完美支持FF和IE

JS代码如下：

 
  1. var img = document.getElementById("img");   
  2. var xPos = 20;   
  3. var yPos = document.documentElement.clientWidth - img.offsetHeight;   
  4. var step = 1;   
  5. var delay = 5;   
  6. var height = 0;   
  7. var Hoffset = 0;   
  8. var Woffset = 0;   
  9. var yon = 0;   
  10. var xon = 0;   
  11. var pause = true;   
  12. var interval;   
  13. img.style.top = yPos + "px";   
  14. function changePos() {   
  15. width = document.documentElement.clientWidth;   
  16. height = document.documentElement.clientHeight;   
  17. Hoffset = img.offsetHeight;   
  18. Woffset = img.offsetWidth;   
  19. img.style.left = xPos + document.documentElement.scrollLeft + "px";   
  20. img.style.top = yPos + document.documentElement.scrollTop + "px";   
  21. if (yon) {   
  22. yPos = yPos + step;   
  23. } else {   
  24. yPos = yPos - step;   
  25. }   
  26. if (yPos < 0) {   
  27. yon = 1;   
  28. yPos = 0;   
  29. }   
  30. if (yPos >= (height - Hoffset)) {   
  31. yon = 0;   
  32. yPos = (height - Hoffset);   
  33. }   
  34. if (xon) {   
  35. xPos = xPos + step;   
  36. }   
  37. else {   
  38. xPos = xPos - step;   
  39. }   
  40. if (xPos < 0) {   
  41. xon = 1;   
  42. xPos = 0;   
  43. }   
  44. if (xPos >= (width - Woffset)) {   
  45. xon = 0;   
  46. xPos = (width - Woffset);   
  47. }   
  48. }   
  49. function start() {   
  50. img.visibility = "visible";   
  51. interval = setInterval(‘changePos()’, delay);   
  52. }   
  53. start();  

 

您可能也喜欢：
根据访问者分辨率，自动调用不同版式CSS的代码
举国同悲，一条CSS代码把网页变黑白
详解CSS的优先权（ZT）
译文:创建性感的CSS（ZT）
20 个漂亮的 Ajax + CSS 表格
无觅
]]> http://www.yuwuxing.com/move-ad-code/feed/ 0