DHTML的網站設計動畫效果編輯方式
來源: | 作者:szhuhang | 發布時間: 753天前 | 179 次瀏覽 | 分享到:

 動態HTML(DHTML)是一個時髦的工具,首先DHTML讓Web中每一元素都動了起來,使用它是既不影響瀏覽速度,又可實現動畫效果的最佳方案。例如:以往版本的HTML中對于鼠標的控制是只有點擊兩種動作,而在網站建設DHTML中對此卻可以解釋成鼠標移動到目標上、鼠標移出目標區域、鼠標點擊目標等七種情況。因此這給我們在編寫HTML時有了更多想象和發揮的空間。

使用DHTML兩樣也存在弊端。最突出的一點就是兼容性不好。首先由于Microsoft和Netscape意見不統一(Microsoft不但可以支持Java Script并且還可以支持自己的VBScript,而Netscape只支持前者,但兩者對Java Script的解釋存在差別),網站建設很容易使得在FrontPage98下編寫的DHTML的效果在Microsoft和Netscape中得不到應有的效果。其次DHTML需要用IE4.0以上版本的瀏覽器時行瀏覽才能得到動畫的效果,否則它們和普通的HTML沒什么兩樣。因此在使用DHTML時一定要將這些問題考慮全面。
即使你對DHTML一無所知,你仍然可以使用FrontPage98中的編輯器產生幾種DHTML的動畫效果。
(1) 動畫文字效果
下面介紹的只是一個簡單的例子,它可以告訴你在FrontPage98中實現動畫文字效果多么簡單。
首先打開編輯器,輸入“DHTML Sample”,然后選定這些單詞并從編輯器的“format”菜單的“Animation”中選取“Fly From Bottom(從下升起)”,最后保存頁面,用IE4.0打開。這時你會發現單詞從最底端自動上升到最頂端。就這樣一個需要上百行代碼的DHTML動態就在你幾下鼠標的操作中完成了。
(2) 動畫頁面的效果
不知道你是否在網上遇到過這樣的頁面,當進入該頁面的時候,網站設計頁面的顏色會慢慢亮起來,而退出的時候又會暗下去。其實這并不是什么復雜效果,只要你懂得Java Script,就可以用賦值語句給背景賦予不同的顏色代碼來完成。如果你不懂Java Script也不用著急,用FrontPage98可以制作出更令人興奮的動畫效果。
首先我們要將一空白面定義成黑色背景,然后選擇“format”菜單的“page transition(頁面特效)”,見到彈出的對話框,在該對話框中選擇“circlein”,再將激發動畫的事件定義為“page enter(進入頁面時)”,時間定義成5秒,最后保存頁面在IE4.0中。打開你就會看到,頁面中央先出現一候圓的區域,隨后逐漸展開到整個屏幕。
怎么樣?是不是這個效果要比顏色漸變精彩多了?最后值得一提的是,網站制作在使用頁面特效的時候時間參數設置很重要,大家可以反復地實驗一下,選擇一個最佳的效果。
對于在FrontPage98上實現DHTML的方法還有幾種類型,這里不再描述了,如果要想實現更高級的DHTML效果,那FrontPage98不能再幫你忙了,你只能利用自己關于樣式表和腳本的知識去編寫了。想了解更多關于DHTML知識的朋友就請自己在網絡上尋找資源吧!
乐赢彩票首页