現在非常多的朋友搞個人網頁,而且做的五彩繽紛,各有特色,但是比較多的朋友把大大的一幅圖像放在頁面上,致使頁面下載很慢,加上用GIF格式做動畫,儘管用GIF格式搞的動畫比較苗條,但是也不大合算。能否不用特別做的圖像,不用GIF格式做動畫,可以把頁面搞的生氣活現呢?可以,但JAVASCRIPT比較對一般初學者來說是比較難的,筆者今天要用IE本身內含的STYLE這個重量級的命令屬性中的 和濾鏡來搞搞新意思!希望網友們能靈活運用這些濾鏡和頁面切換效果,把自己的主頁搞的有聲有色!不斷進步!
Style屬性:
可以應用在標籤中,更可用廣泛應用在等等標籤中,更重要的是,它可用在標籤中。
頁面切換效果:在頁面前部與之間加入
說明:duration為頁面切換的時間長度,3.000表示3秒鐘,一般可以直接輸入3便可;transition為切換效果,從1-23共22種不同的切換效果,其中23為隨機效果。
濾鏡效果:
Photoshop的濾鏡用的多了吧,在頁面中也用濾鏡搞搞新意思吧!
語法:STYLE=filter:filtername(fparameter1,fparameter2...)}(Filtername為濾鏡的名稱,fparameter1、fparameter2等是濾鏡的參數)
濾鏡說明:
Alpha:設置透明層次.
blur:創建高速度移動效果,即模糊效果.
Chroma:製作專用顏色透明.
DropShadow:創建物件的固定影子.
FlipH:創建水準鏡像圖片.
FlipV:創建垂直鏡像圖片.
glow:加光輝在附近對象的邊外.
gray:把圖片灰度化.
invert:反色.
light:創建光源在對象上.
mask:創建透明掩膜在對象上.