※ 變化按鈕 ※
   加入網頁步驟  
 

  1. 先準備您想要變化的圖案，必須要注意的是，圖檔的命名！一定要從p1off.gif及p1on.gif依序命名下去，不然就必須要去改原始程式碼，就麻煩就大啦！將表格一裡的圖檔擺到和網頁相同的目錄裡！

  2. 將以下的控制碼先複製起來。（用滑鼠將底下的一堆黑色部份的程式碼，標記起來，按滑鼠右鍵選擇【複製】就行啦！）

  3. 然後在網頁中適當的地方（所謂適當就是指參考一下底下原始碼的位置，該擺哪裡就擺哪裡。）將剛剛複製的東西貼上就大功告成了！（按滑鼠右鍵選擇【貼上】就行啦！）

  4. 如果要增加項次的話，站長有標色的地方，再複製來用就可以了，當然編號需要一直延伸下去，如：3、4、5...。！

  5. 將以藍色字部份的控制碼先複製起來，放在<BODY>之後！

  6. 最後修改藍色字部份裡的紅色字部份即可！

Copyright Power Information All Rights Reserved.
(表格一)
原本的圖檔
p1off.gifp2off.gif
按下後的圖檔
p1on.gifp2on.gif

※變化按鈕展示區※


<script>
function pItem (name, width, height) {
this.on = new Image();
this.on.src = name + "on.gif"
this.off = new Image();
this.off.src = name + "off.gif"
}
function p_new (name) {
pItem[name] = new pItem(name);
}
function img_act (imgName) {
if (document.images) document[imgName].src = pItem[imgName].on.src;
}
function img_inact (imgName) {
if (document.images) document [imgName].src = pItem[imgName].off.src;
}
function load_p (name, num) {
for (i = 1; i <= num; i++) p_new(name + i);
}
if (document.images != null) load_p ('p', 18);
// -->
</script>

<BODY>

<table width="100%" border="0" cellspacing="0" cellpadding="4">

<tr><td align=center>
<a href="21b.htm" onMouseover="img_act('p1')" onMouseout="img_inact('p1')">
<img name="p1" src="p1off.gif"">
</a></td></tr>

<tr><td align=center>
<a href="21c.htm" onMouseover="img_act('p2')" onMouseout="img_inact('p2')">
<img name="p2" src="p2off.gif">
</a></td></tr>

</TABLE>
</CENTER>
</BODY>