Board logo

標題: 請問這個論壇上面的雲會動是怎麼做的? [打印本頁]

作者: awelkije    時間: 2010-5-17 13:46     標題: 請問這個論壇上面的雲會動是怎麼做的?

請問這個論壇上面的雲會動是怎麼做的
作者: wmh    時間: 2010-5-17 22:14

用 JavaScript 改變背景圖的位置
作者: awelkije    時間: 2010-5-19 15:46

(function(){function e(){var b=document.getElementById("header");if(b){var a="";if(b.currentStyle)a=[b.currentStyle.backgroundPositionX,b.currentStyle.backgroundPositionY].join(" ");else if(window.getComputedStyle)a=window.getComputedStyle(b,null).backgroundPosition;if(a!=""){a=a.split(" ");var c=parseInt(a[0],10);c+=d;if(c<0||c>100){d=-d;c+=d}b.style.backgroundPosition=[c,"% ",a[1]].join("")}}}var d=1;setInterval(e,1E3)})();
可以給沒有壓縮的版本參考看看嗎
作者: wmh    時間: 2010-5-19 21:27

(function () {
var move = 1;
function makemove() {
  var h = document.getElementById('header');
  if (!h) return;
  var bp = '';
  if (h.currentStyle) {
    bp = [h.currentStyle.backgroundPositionX, h.currentStyle.backgroundPositionY].join(' ');
  } else if (window.getComputedStyle) {
    bp = window.getComputedStyle(h, null).backgroundPosition;
  }
  if (bp == '') return;
  var bpArray = bp.split(' ');
  var bpLeft = parseInt(bpArray[0], 10);
  bpLeft += move;
  if (bpLeft < 0 || bpLeft > 100) {
    move = -move;
    bpLeft += move;
  }
  h.style.backgroundPosition = [bpLeft, '% ', bpArray[1]].join('');
}
setInterval(makemove, 1000);
})();

作者: awelkije    時間: 2010-5-20 10:24

真佩服大大
小弟完全看不懂
可以註解一下哪一行是在做什麼的嗎
作者: wmh    時間: 2010-5-20 21:09

只能意會,不能言傳




歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)