中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

四、 高級鏈接樣式。

通過組合應用上面介紹的技術(shù)，我們還可以創(chuàng)作出更復雜的文字鏈接樣式，下面我們介紹三個例子。

1、  定義塊狀鏈接。首先給鏈接增加一個背景色，如圖十八；

再為文字鏈接增加四邊框即可實現(xiàn)平面塊狀文字鏈接，如圖十九；

2、  定義按鈕狀文字鏈接。改變邊框的樣式，定義Border-Style為outset，如圖二十；

定義Box選項中的Width和Height可以定義按鈕的寬和高，定義Padding為2pix可以使鏈接文字與按鈕四周有2pix的間距，如圖二十一；

3、  定義特效文字鏈接。CSS樣式表中還包含了一組特效濾鏡，我們可以再結(jié)合濾鏡與前邊的參數(shù)創(chuàng)建特殊的鏈接樣式。本例中我創(chuàng)建了一個使用Blur濾鏡的文字鏈接，并帶有邊框效果。如圖二十二；

4、 定義靜態(tài)背景切換的效果。本例是通過對鏈接文字普通狀態(tài)和Hover狀態(tài)設定不同的背景圖片來實現(xiàn)背景切換的效果。見下圖：


5、 動態(tài)背景切換的效果。此效果與上例基本一樣，只是在Hover狀態(tài)定義了一個動態(tài)Gif圖片背景。而且這個圖片需要一點技巧就是設定循環(huán)為一遍，并在最后添加一個幀，設定幀的時間為一個較大的值，如10000。這樣可以使動畫執(zhí)行一邊后就停止。為改善效果執(zhí)行時的速度，我們還需要在Dreamweaver中增加了一個Preload /doc/webpage/images/images行為。這需要打開行為面板，并添加Preload /doc/webpage/images/images行為，如圖：


我們可以把最后兩種鏈接樣式所需要用到的四張圖片都預先載入，如下圖：

五、 總結(jié)

我就介紹這么多鏈接樣式，配合設置鏈接文字的hover狀態(tài)，可以實現(xiàn)非常漂亮的效果，具體的頁面瀏覽請看這里，希望朋友們根據(jù)上面的思路，組合創(chuàng)造出更多地鏈接文字樣式。記住，樣式表就好比網(wǎng)頁制作中具有寶藏的一個冰山，今天我們只是揭開了冰山小小的一個角落，更多的寶藏等著你去挖掘。朋友們有任何相關(guān)的問題可以到http://www.95time.cn/bbs 提出和討論。