溫柔對待部落格

提供這個 JavaScript 程式的目的，主要是為接下來要提供的面板樣式下載做準備；這類小程式的目的，是希望能在清爽簡單的部落格上，出現點綴的效果。但是如果你的面板樣式已經很豐富了，建議不要使用，免得整個部落格看來像菜市場一樣，亂七八糟，反而讓訪客對你部落格的興趣打了折。

圖片飛舞JS小程式安裝說明：

一、進入管理頁面後點選“設定插入欄位”進入
二、點選“追加新的欄位”連結
三、在插入欄位設定這一頁中，追加“自由欄位”
四、如果你已經有設立“自由欄位”，例入部落格寵物或是計數器等等，則步驟三可省略
五、點選“自由欄位”後面之“設定”連結（或是已有的部落格寵物等欄位），將JavaScript程式拷貝進這個欄位中，然後按“儲存設定”
六、接下來不要忘記進行“更新 Blog 網頁”

完成，驗收！

我們來試一個看看，請繼續看下去哦。

請大家先把下面幾個小圖案用滑鼠右鍵的“另存圖片”功能，儲存到你的電腦中。然後在你的部落格管理界面中，將圖案在“上傳檔案、圖片”處上傳進你的部落格。

←小圖一

←小圖二

←小圖三

接著把以下HTML語法及JavaScript程式全部拷貝下來，並修正紅色字體部份以便確實抓到圖案，然後放進“自由欄位”中

<img src="http://小圖一網址" border="0" name="pp1" style="POSITION: absolute;display:none; TOP: 0px; LEFT: 15px;">
<img src="http://小圖二網址" border="0" name="pp2" style="POSITION: absolute;display:none; TOP: 10px; LEFT: 15px;">
<img src="http://小圖三網址" border="0" name="pp3" style="POSITION: absolute;display:none; TOP: 20px; LEFT: 15px;">

<SCRIPT language=JavaScript>
<!-- 
var no = 20; // STAR number???
var speed = 40; // smaller number moves the STAR faster
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
dy = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
sayu=new Array();
myobj=new Array();
function star(){
doc_width =document.body.clientWidth;
doc_height =document.body.clientHeight;
for (i = 1; i < (no+1); ++ i) {
dy[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*(doc_height-50);
am[i] = Math.random()*20; // set amplitude variables
sty[i] = 0.02 + Math.random()/10; // set step variables
stx[i] = 1.7 + Math.random(); // set step variables
sayu[i]=2.5*Math.random()-1;
k=i%3+1;
mysrc=document.getElementById("pp"+k).src;
document.write("<img src='"+mysrc+"' id='dot"+i+"' style='position:absolute;display:block;'>");
myobj[i]=document.getElementById("dot"+i);
}
STAR_IE();
}
function STAR_IE() {
for (i = 1; i <( no+1); ++ i) { // iterate for every dot
xp[i] += stx[i];
yp[i]=yp[i]+sayu[i];
if ((xp[i] > doc_width-50)||(yp[i] > doc_height-50)) {
yp[i] = Math.random()*(doc_height-am[i]-50);
xp[i] = 0;
sty[i] = 0.02 + Math.random()/10;
stx[i] = 1.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dy[i] += sty[i];
myobj[i].style.pixelTop =document.body.scrollTop+ yp[i]+ am[i]*Math.sin(dy[i]);
myobj[i].style.pixelLeft =document.body.scrollLeft+xp[i];
}
setTimeout("STAR_IE()", speed);
}
star();
// End -->
</SCRIPT>