在信息爆炸式增長(zhǎng)的今天，每天都有大量新的網(wǎng)站誕生，每時(shí)每刻網(wǎng)上都傳遞著難以計(jì)數(shù)的信息。建立網(wǎng)站來進(jìn)行自我宣傳和信息交流已成為一種新潮的媒體宣傳方式，多姿多彩的網(wǎng)頁(yè)也成為Internet中最為絢麗的部分。您也許已經(jīng)注意到，在網(wǎng)絡(luò)速度不斷提高的今天，網(wǎng)站的站主們?yōu)榱肆糇≡L問者的視線，開始越來越多地在網(wǎng)頁(yè)中使用精美的動(dòng)畫、交互式的表單以及其他網(wǎng)頁(yè)特效。不過我們要實(shí)現(xiàn)這些特效，一般都需要借助類似Photoshop、Flash這樣復(fù)雜的圖象設(shè)計(jì)軟件，而且由這些圖象軟件生成的特效，字節(jié)容量往往都會(huì)很大，這相對(duì)于目前并不理想的帶寬來說不能不算是個(gè)遺憾。當(dāng)然，并不是所有的特效都需要龐大的圖象軟件才能完成，我們同樣可以通過編寫程序的方法來達(dá)到設(shè)計(jì)網(wǎng)頁(yè)特效的目的。下面，筆者就以C++Builder來設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)按鈕為例，來說明一下我們完全可以使用程序來制作網(wǎng)頁(yè)的特效。
筆者在這里設(shè)計(jì)的動(dòng)態(tài)網(wǎng)頁(yè)按鈕要實(shí)現(xiàn)的效果是，鼠標(biāo)移動(dòng)到按鈕上時(shí)，鼠標(biāo)形狀變?yōu)槭中危瑫r(shí)按鈕會(huì)動(dòng)態(tài)地變成另外一幅畫面，從而將訪問者的視線瞬間吸引住；一旦鼠標(biāo)離開按鈕之后，按鈕又恢復(fù)到以前狀態(tài)。在具體開發(fā)時(shí)，我們主要利用C++Builder提供的SpeedButton構(gòu)件來顯示按鈕處在抬起、禁止、按下與保持按下的不同狀態(tài)，下面是其具體的設(shè)計(jì)步驟：
1、首先選擇一張自己滿意的位圖作為按鈕的原始面貌
將圖命名為one.bmp，接著可以用圖象制作軟件將one.bmp轉(zhuǎn)換為色彩更加亮麗的two.bmp，這個(gè)位圖就是按鈕在鼠標(biāo)經(jīng)過時(shí)顯示的圖形，另外為了能“強(qiáng)行”吸引訪問者的“眼球”，筆者同時(shí)還選取1個(gè)聲音文件名為crush.wav，以便讓鼠標(biāo)移動(dòng)到按鈕上時(shí)發(fā)出聲音來提醒用戶注意。
2、做好準(zhǔn)備工作后，我們下面就開始正式進(jìn)行程序的原代碼編寫工作。
打開一個(gè)純文本編輯軟件，并輸入下面的代碼：
crush WAV crush.wav
start BITMAP one.bmp
start1 BITMAP two.bmp
保存為資源文件app.rc。
3、下面我們開始使用以C++Builder。
首先啟動(dòng)Builder，新建一個(gè)項(xiàng)目，并將資源文件app.rc添加進(jìn)項(xiàng)目中。當(dāng)然，大家也可以通過BIN目錄下的brcc32.exe將RC文件編繹為RES文件，然后用 #program resource "*.res" 語(yǔ)句將其聯(lián)編進(jìn)項(xiàng)目中，筆者在這里采用了更簡(jiǎn)單的前一種方法。在當(dāng)前窗體上加入新的SpeedButton，取名為StartSpeedButton。屬性按下表設(shè)置：
Caption 空
Cursor crHandPoint
Flat true
Hint
Glyph None
Showhint true
接下來，打開所對(duì)應(yīng)的頭文件，在其中的private項(xiàng)中增加：
Graphics::TBitmap *one,*two；//定義位圖
Char *chWavHandle;//定義聲音句柄
然后在主表單的CPP文件的表單創(chuàng)鍵事件(onCreate)所對(duì)應(yīng)的函數(shù)中先初始化位圖，
one=new Graphics::TBitmap();
two=new Graphics::TBitmap();
下面，初始化后再載入位圖
one->Handle=LoadBitmap(Hinstance, "one");//從內(nèi)存中載入位圖
two->Handle=LoadBitmap(Hinstance, "two");
接著，再加載聲音文件
HRSRC temp=FindResource(Hinstance,"crush", "WAV");//從內(nèi)存中載入聲音
HGLOBAL h=LoadResource(Hinstance,temp);
ChWavHandle=(char *)LockResource(h);
隨后我們?cè)賹⒏?dòng)按鈕的畫面顯示為two.bmp的圖象
StartSpeedButton->Glyph->Assign(two);
當(dāng)所有的初始工作結(jié)束以后，我們還應(yīng)該及時(shí)釋放所占用的資源，操作時(shí)只要在主表單的OnDestroy事件所對(duì)應(yīng)的函數(shù)中加入
delete chWavHandle;
delete two，one;
到這里為止，鼠標(biāo)形狀變化、按鈕突起及動(dòng)態(tài)提示已經(jīng)有了，下面所要做的工作就是完成圖形變化及聲音提示。在做這部分工作之前，可回想一下瀏覽網(wǎng)頁(yè)的情況。我們的動(dòng)態(tài)按鈕的響應(yīng)步驟應(yīng)該是：鼠標(biāo)移入按鈕時(shí)，圖形由第一幅圖變?yōu)榈诙鶊D，同時(shí)發(fā)出聲音來提示用戶；移出時(shí)圖形再變回原貌，但此時(shí)不發(fā)出聲響。因此應(yīng)讓程序知道什么時(shí)候鼠標(biāo)正好移入、什么時(shí)候正好移出。按照這個(gè)思路，我們可以在頭文件的private項(xiàng)中增加狀態(tài)變量：
bool blStart;
在主表單文件的OnCreate中為其設(shè)置初始值
blStart=true;//在TRUE狀態(tài)下，一旦發(fā)生OnMouseMove事件就可以點(diǎn)亮按鈕
選中SpeedButton按鈕，在其OnMouseMove事件所對(duì)應(yīng)的函數(shù)StartSpeedButtonMouseMove()中增加
if(blStart)//可以點(diǎn)亮按鈕
{
StartSpeedButton->Glyph->Assign(one);//加載第一幅圖
// 通過chWavHandle句柄調(diào)用內(nèi)存中聲音文件
SndPlaySound(chWavHandle,SND_MEMORY|SND_SYNC);
blStart=false;// 再發(fā)生OnMouseMove事件不可以點(diǎn)亮按鈕
}
當(dāng)然，還必須在鼠標(biāo)離開按鈕時(shí)再將圖形恢復(fù)為原貌。如何才能知道鼠標(biāo)離開呢？比較原始的辦法自然是用鼠標(biāo)的坐標(biāo)位置來判斷，但這樣很費(fèi)力。一個(gè)巧妙的招數(shù)是用包含(在位置上)此按鈕的其它部件的OnMouseMove事件來判斷(注意：選用的外圍部件相對(duì)于此按鈕來說需有足夠的縱深，否則，一旦鼠標(biāo)移動(dòng)太快，有可能會(huì)漏過OnMouseMove事件而發(fā)生紊亂。確決的辦法是，再加上更外圍的部件的OnMouseMove事件來雙保險(xiǎn))。
以按鈕的外圍部件是主表單MainForm為例，在其OnMouseMove事件所對(duì)應(yīng)的函數(shù)MainFormMouseMove()中加入
if(!blStart)//鼠標(biāo)正好由按鈕內(nèi)移出
StartSpeedButton->Glyph->Assign(two);// 加載第二幅圖
blStart=true;//為鼠標(biāo)重新進(jìn)入按鈕作準(zhǔn)備
#include //在主表單CPP文件前部加入為SndPlaySound提供聲明的頭文件
上面就是筆者使用C++Builder來實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)按鈕的設(shè)計(jì)，當(dāng)然，如果您是一位編程愛好者的話，完全也可以通過編程來實(shí)現(xiàn)各種各樣的特殊效果的設(shè)計(jì)