日誌

移動的背景圖語法-1

已有 458 次閱讀2015-5-30 04:44

請將以下程式碼貼到<body>與</body>之間：

<script type="text/javascript"></script>

可修改第 2 行的背景圖網址
可修改第 3 行的數字，數字愈小移動速度愈快
在第 16 行修改移動方向
moveback(1,1,0,0, background);} 向右下角移動
moveback(0,1,0,0, background);} 向正下方移動
moveback(-1,1,0,0, background);} 向左下角移動
moveback(-1,0,0,0, background);} 向正左方移動
moveback(-1,-1,0,0, background);} 向左上角移動
moveback(0,-1,0,0, background);} 向正上方移動
moveback(1,-1,0,0, background);} 向右上方移動
moveback(1,0,0,0, background);} 向正右方移動

備註：
使用此語法的頁面若使用Google Chrome開啟會對電腦造成蠻大的負擔，i7-950 的CPU會用掉約 13% 的效能
但用Firefox或IE開啟則影響很小
圖片最好是使用"可無縫拼接"的圖效果較佳
可無縫拼接的圖簡易製作法
PHOTOSHOP --> 載入一張已去背的圖 --> 濾鏡 --> 其他 --> 畫面錯位 --> 調整位置，勾選"折回重複" --> 存檔
~~實際圖片效果就各憑本事製作了~~