单元二十九Java applet 程式设计 -- 蹦跳的变色字、流动变色字_第1页
单元二十九Java applet 程式设计 -- 蹦跳的变色字、流动变色字_第2页
单元二十九Java applet 程式设计 -- 蹦跳的变色字、流动变色字_第3页
单元二十九Java applet 程式设计 -- 蹦跳的变色字、流动变色字_第4页
单元二十九Java applet 程式设计 -- 蹦跳的变色字、流动变色字_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、單元二十九：Java applet 程式設計 - 蹦跳的變色字、流動變色字和水中倒影單元目的：使學習者可以利用現成的 Java applet 設計出不同之顯示效果，增加首頁之豐富性。單元準備工作：熟悉任一簡單的文字編輯器如記事本，並利用 Windows 95 中 Ctrl-C 複製 Ctrl-V 貼上功能，方便文章之編輯。單元範例：前言Java 雖然是目前也極可能是未來網際網路中當紅之程式語言，好像現在不在首頁上加上 Java 東西好現就跟不上時代潮流的感覺，但是筆者認為除非學習者想往程式設計師方向發展，否則何必為喝牛奶而去開牧場呢？筆者秉持一貫原則就是儘可能方便快速設計出首頁，故在底下各單元

2、中將介紹在網路一些現成的 Java applet 的使用方法，只要學習者將它稍加修改放入所設計好的首頁中，便可以產生許多驚奇的特殊效果了。底下為 Java Applet 在 HTML 中的語法介紹：<APPLET 【CODEBASE = 程式碼之 URL 地址】CODE = 類別名.class【ALT = 代替動態欄文字】【NAME = 動態欄名稱】WIDTH = 寬度點數 HEIGHT = 高度點數【ALIGN = 排列設定值】【VSPACE = 垂直點數】【HSPACE = 水平點數】>【<PARAM NAME = param1_name VALUE = ”param1_

3、value”】【<PARAM NAME = param2_name VALUE = ”param2_value”】</APPLET>其中【】內可有可無依使用者需要而增減，以下是所用參數的定義：CODEBASE：用來指定程式碼之 URL 地址，一般是目錄。CODE：用來指定類別檔名。ALT：當動態欄無法表示時，可以用文字來代替。NAME：用來定義動態欄名稱。WIDTH：用來定義動態欄的寬度點數。HEIGHT：用來定義動態欄的高度點數。ALIGN：用來定義動態欄的排列設定值，其設定值有：LEFT, RIGHT, TOP, TEXTTOP, MIDDLE, ABSMIDDLE, B

4、ASELINE, BOTTOM, ABSBOTTON。VSPACE：用來定義動態欄的上下顯示區的點數。HSPACE：用來定義動態欄的左右顯示區的點數。PARAM：用來定義動態欄的輔助變數內容，這輔助變數含有兩個內部參數：輔助變數名 (NAME) 與輔助變數值 (VALUE)。須注意的是如果使用在 Unix 環境，CODEBASE 及 CODE 大小寫並不相同，一般而言動態欄的輔助變數 PARAM 大概有底下幾行：<PARAM NAME = “FONT” VALUE = "TimesRoman">表示字形，有 Helvetica, Courier, Dialog,

5、 TimesRoman。<PARAM NAME = “STYLE" VALUE = "BOLD+ITALIC">表示字體，有 normal, bold, italic, bold+italtic。<PARAM NAME = “COLOR" VALUE = "255,255,0">表示字體顏色，有十進制及十六進制兩種，如附錄 C 所示。<PARAM NAME = “BACKGROUND" VALUE = "255,0,0">表示背景顏色，有十進制及十六進制兩種，如附錄 C

6、 所示。A. 蹦跳的變色字將光碟中 JitterText.zip 檔案解開後，會產生 JitterText.class, JitterText.html, JitterText.java 三個檔案，其中 JitterText.java 為原始檔 JitterText.html 為範例檔，JitterText.class 則將它與我們所設計之首頁放置同一目錄即可，蹦跳的變色字看起來很花俏，字就會變顏色及位置，蠻有趣的！範例程式如下：<HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="

7、;text/html; charset=big5"> <META NAME="Author" CONTENT="shie"> <META NAME="GENERATOR" CONTENT="Mozilla/4.04 en (Win95; I) Netscape"> <TITLE>蹦跳的變色字</TITLE></HEAD><BODY><CENTER><B><FONT SIZE=+4>蹦跳的變色字

8、</FONT></B><BR><BR><BR><applet code="JitterText.class" width=470 height=40><param name=BGCOLOR value="000000"><param name=TEXTCOLOR value="FF0000"><param name=TEXT value="JAVA 特殊效果-蹦跳的變色字"><param name=SP

9、EED value=250><param name=RANDOMCOLOR value=1></applet></CENTER></BODY></HTML>範例 1 (JitterText.htm)學習者只要將 <applet code="JitterText.class" </applet> 加入自己設計好的首頁中即可，其中參數定義如下：width, height：顯示之寬度和高度，字數如果比較少，字體會自動變大，反之則變小。BGCOLOR：背景顏色，十六進制。TEXTCOLOR：文字調色

10、板，十六進制。TEXT：欲顯示文字串，需填在 ” 中。SPEED：變化速度，單位毫秒。RANDOMCOLOR：隨機變化值，非零整數。範例示範如圖 1 所示：圖 1如果我們將背景改成白色，也就是說 <param name=BGCOLOR value="FFFFFF">，如圖 2 所示：圖 2B. 流動變色字將光碟中 fxText.zip 檔案解開後，會產生 fxText.class, imageLoader.class, fxTexthtml, fxText.java, imageLoader.java, applets.gif, appletsbg.gif 七個

11、檔案，其中 *.java 為原始檔 fxText.html 為範例檔，*.class 則將它與我們所設計之首頁放置同一目錄即可，applets.gif 為上圖而且必需要有部份是透明的，另外一張圖 appletsbg.gif 在下，當作底色，底下那一張圖會不斷的動，透過上圖透明的部份，感覺就是流動變色字了。範例程式如下：<HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5"> <META NAME="Au

12、thor" CONTENT="shie"> <META NAME="GENERATOR" CONTENT="Mozilla/4.04 en (Win95; I) Netscape"> <TITLE>流動變色字</TITLE></HEAD><BODY><CENTER><B><FONT SIZE=+4>流動變色字</FONT></B><BR><BR><BR><ap

13、plet code="fxText.class" width=283 height=68><param name=BACKGROUND value="appletsbg.gif"><param name=FOREGROUND value="applets.gif"></applet></CENTER></BODY></HTML>範例 2 (fxText.htm)學習者只要將 <applet code="fxText.class" &

14、lt;/applet> 加入自己設計好的首頁中即可，其中參數定義如下：width, height：顯示之寬度和高度，最好和上圖同大小。BACKGROUND：背景圖。FOREGROUND：前景圖。學習者可依單元十五自行製作背景圖和前景圖，範例示範如圖 3 所示：圖 3C. 水中倒影將光碟中 lake.zip 檔案解開後，會產生 Lake.class, lake.html, demo.jpg 三個檔案，其中 lake.htm 為範例檔，Lake.class 則將它與我們所設計之首頁放置同一目錄即可，demo.jpg 為範例圖，效果可以產生水中倒影浮動感覺，有一種湖邊寧靜安詳的感覺，非常漂亮，

15、為目前 Java applets 最常被使用的，你的首頁該有吧！範例程式如下：<HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5"> <META NAME="Author" CONTENT="shie"> <META NAME="GENERATOR" CONTENT="Mozilla/4.04 en (Win95; I) Nets

16、cape"> <TITLE>水中倒影</TITLE></HEAD><BODY><CENTER><B><FONT SIZE=+4>水中倒影</FONT></B><BR><BR><applet code="Lake.class" align="center" width="320" height="380" id="Lake" ><pa

17、ram name="image" value="Grace.gif"></applet> </CENTER></BODY></HTML>範例 3 (lake.htm)學習者只要將 <applet code="Lake.class" </applet> 加入自己設計好的首頁中即可，其中參數定義如下：width, height：顯示圖之寬度和高度，要根據圖檔的大小做調整，本例的圖檔為 320x240，故 width = "320"，但是要注意的是，

18、圖高最好比圖檔的圖高兩倍少一點點，本例的圖高原有240，但卻只設成height = "380"，這是為了避免在最底下會有一小列灰色的底色不斷的出現。name：欲顯示圖名，圖檔格式 JPG 及 GIF 都可以。範例示範如圖 4 所示：圖 4學習者應可知道雖然上述設計過程並不難，但是要如何知道有哪些 Java applets 可供應用呢？製作最快的方式是去 web 中抓取，但是要考慮著作權的問題，學習者可以利用網路搜尋器如 .tw/b5/yam 搜尋關鍵字 ”applet” 或 “java”，便會列出幾個可以在網路上相關網站，我們可要好好謝謝人家才行！底

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论