Make your own free website on Tripod.com
Delivery by InterMedia


要設計充滿動感的按鈕不是一件簡單的事,如果能有程式可以一次製造多個按鈕,而且又有互動效果,那該多好!底下這個程式讓您美夢成真喔!

【下載本檔】

下載本檔:button.zip (6KB)

【加入網頁步驟】

  1. 將此壓縮檔用winzip6.2以上版本解開(用winzip6.2才不會出現長檔名不完全的情形),解壓縮到您放網頁的目錄中。(假設您網頁放在www目錄中,就將此壓縮檔解到www目錄中)
  2. 將以下的控制碼複製到您的網頁中:(用滑鼠將底下的一堆碼,標記起來,按滑鼠右鍵選擇【複製】,然後在您的網頁中,選個好地方貼上就行啦!)

    <applet code="button.class" align="baseline" width="360" height="25">
    <param name="buttons" value="4">
    <param name="color" value="00FF00">
    <param name="direction" value="1">
    <param name="border width" value="3">
    <param name="degree" value="120">
    <param name="style" value="1">
    <param name="f_size" value="15">
    <param name="f_style" value="2">
    <param name="f_color" value="ff0080">
    <param name="f_color2" value="aaaaaa">
    <param name="position" value="0">
    <param name="f_offset" value="0">
    <param name="font" value="新細明體">
    <param name="label 0" value="第一按鈕">
    <param name="label 1" value="第二按鈕">
    <param name="label 2" value="第三按鈕">
    <param name="label 3" value="第四按鈕">
    <param name="link 0" value="link1.htm">
    <param name="link 1" value="link2.htm">
    <param name="link 2" value="link3.htm">
    <param name="link 3" value="link4.htm">
    <param name="image 0" value="pank.gif">
    <param name="image 1" value="pank.gif">
    <param name="image 2" value="pank.gif">
    <param name="image 3" value="pank.gif">
    <param name="frame 0" value="main">
    <param name="frame 1" value="main">
    <param name="frame 2" value="main">
    <param name="frame 3" value="main">
    </applet>

【控制碼說明】

  1. <applet code="button.class" align="baseline" width="360" height="25">
    設定JAVA程式的名稱及路徑以及圖形顯示區的大小、長寬。
  2. <param name="buttons" value="4">
    設定按鈕的數量,本例是四個按鈕,所以設成 4 。
  3. <param name="color" value="00FF00">
    設定按鈕的基本底色。本例是設成00FF00(綠色)。
  4. <param name="direction" value="1">
    很重要啊!設定按鈕的方向! 1 是橫向的排列,0 是垂直的排列!
  5. <param name="border width" value="3">
    設定按鈕陰影的大小,值愈大,陰影愈大。
  6. <param name="degree" value="120">
    設定滑鼠滑過時按鈕的按下反應強度,值愈大愈強,若設成 0 則不會有按下的動作發生,不過一樣會有文字變色的效果(其實也是另一種不錯的效果)。
  7. <param name="style" value="1">
    設定滑鼠經過時按鈕的格式,其值為 0 時,滑鼠經過時按鈕不動但字會變色。其值為 1 時,滑鼠經過時按鈕會動且字會變色。其值大於 1 時,滑鼠經過時按鈕不動字也不會變色,要按下滑鼠才會有反應。
  8. <param name="f_size" value="15">
    設定按鈕文字的大小,值愈大字愈大。
  9. <param name="f_style" value="2">
    設定按鈕文字的格式, 0 是正常字, 1 是粗體字, 2 是斜體字,大於 2 以後都是正常字了。
  10. <param name="f_color" value="ff0080">
    設定按鈕文字未按下前的顏色。
  11. <param name="f_color2" value="aaaaaa">
    設定按鈕文字按下後的顏色。
  12. <param name="position" value="0">
    設定按鈕文字的位置, 0 是置中, 1 是靠右,大於 1 以後就開始不正常了(您可以玩玩看...嘻)。
  13. <param name="font" value="新細明體">
    設定按鈕文字的字型,您可以換成標楷體看看。
  14. <param name="label 0" value="第一按鈕">
    開始設定按鈕的內容,第一個按鈕從 label0 開始設,依序label1、label2、label3....等。內容自己填吧!
  15. <param name="link 0" value="link1.htm">
    設定按鈕連結的網頁,第一個按鈕 label0 就要設link0 的連結,本例按下第一按鈕後,會連結到link1.htm。
  16. <param name="image 0" value="pank.gif">
    設定按鈕的背景圖,本例的背景圖為pank.gif
  17. <param name="frame 0" value="main">
    設定按鈕要呈現連結網頁的框窗。本例 main 是設定成開在新視窗。

【常見問題】

  1. 目前沒有。

 

優質網路服務
哈拉俱樂部
香克萊兒雙C情人
網路求職求才服務
絢麗金
| 回主頁 | 回上頁 | 回首頁 |
Copyright © 1999 by DOB Studio. All Rights Reserved.