
標題: 請問這個論壇上面的雲會動是怎麼做的? [打印本頁]
作者: 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/) |
|