回首頁 與我們連絡 網站地圖 加入我的最愛



 




一般來說,我們都只是運用CSS來設定網頁文字的大小、樣式、字型與顏色,但是現在最流行的是所謂的:動態網頁(Dynamic HTML),動態網頁解決了所有對網頁文件的存取限制,也就說我們可以在HTML網頁中加入動態的效果,動態的HTML可以使HTML元件(圖片、文字字串等等)游移於網頁之中,或是產生與瀏覽者有互動性的增強功能,當然,單靠CSS是做不到這種互動性功能的,但是卻可以結合程式語言來達到動態的效果。

最常用來結合CSS創造出動態HTML戶動性效果的程式語言應該就是JavaScript了,本單元範例就將示範以CSS樣式表配合JavaScript程式語言來實作出具有互動模式的動態HTML網頁。


 


文字字串的提示文字方塊
提示文字方塊?這是什麼東東啊?!千萬別說你不知道喔,這項功能你可是常常在使用哦!比如說:電腦桌面的上面,
當你將滑鼠指標移至上面的圖示時,停住滑鼠不動,此時不就會出現一個提示方塊嗎?對啦!我們就是要在網頁上利用CSS樣式表及JavaScript來表現出這種效果。


動態層次疊字
在網頁中我們可以利用CSS的樣式宣告來建立不同的文字層次,並且將不同層次的文字字串重疊在起!如果文字字串的內容相同而且位置相當接近則可造成立體的效果,不僅如此我們若加上JavaScript程式還可以創造出逐字重疊顯示的效果。


 動態漸層文字層次堆疊
雖然
我們可以利用CSS的樣式宣告來建立不同的文字層次,同時也可以設定層次內的文字樣樣式,但是這樣的設定則文字樣式是固定的,能不能動態的改變文字的樣式呢?答案是肯定的,比如說:我們可以透過JavaScript程式動態的設定文字字串的樣式顏色(Style.color)....等等。


亂數飛行集中定位的文字字串
動態網頁(Dynamic HTML),顧名思義,當然就是網頁要有動態的效果產生!你第一個想到的變化是什麼?沒錯,就是位置的變換,利用CSS雖然可以將元件的位置指定在某個位置,但是那是慕定而不會移動的,但是我們卻可以透過JavaScript程式動態的設定元件位置喔!

 

CSS 教學文件
CSS入門講座
基礎網頁應用
進階網頁應用
結合JavaScript應用
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為