FLASH編程——鏈接與導(dǎo)航.ppt

1、鏈接與導(dǎo)航,回顧,文字樣式 圖像樣式,動(dòng)態(tài)超鏈接,超鏈接：鏈接文本 去掉超鏈接的下劃線： a text-decoration:none; 利用偽類制作動(dòng)態(tài)效果： a:link 超鏈接的普通樣式，即正常瀏覽狀態(tài)的樣式 a:hover 鼠標(biāo)指針經(jīng)過(guò)超鏈接上時(shí)的樣式 a:visited 被點(diǎn)擊過(guò)的超鏈接的樣式 a:active 在超鏈接上單擊時(shí)，即“當(dāng)前激活”時(shí)，超鏈接樣式,按鈕式超鏈接,利用邊框的樣式模擬按鈕效果。 對(duì)于鼠標(biāo)經(jīng)過(guò)時(shí)，改變文字顏色、背景色、位置和邊框。, a:linkcolor:#A62020; padding:2px 10px 2px 10px; background:#84B3E

2、6; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; border-bottom:1px solid #717171; border-right:1px solid #717171 , color:#821818; padding:3px 8px 1px 12px; background:#e2c4c9; border-top:1px solid #717171; border-left:1px solid #717171; border-bottom:1px solid #eeeeee; border-right:1p

3、x solid #eeeeee ,css控制鼠標(biāo)指針,通過(guò)cursor屬性可以設(shè)置各式各樣的鼠標(biāo)指針樣式。 bodycursor:pointer,項(xiàng)目列表,通常的項(xiàng)目列表主要采用或者標(biāo)記，然后配合標(biāo)記羅列各個(gè)項(xiàng)目。 設(shè)置列表符號(hào), ulfont-size:12px; color:#00458c; list-style-type:decimal , Home Contact Us Web Dev Web Design ,項(xiàng)目列表,圖片符號(hào), ulfont-size:12px; color:#00458c; list-style-img:url() ,效果：圖標(biāo)與文字之間的距離有 著明顯的區(qū)別，因

4、此不推薦這種 設(shè)置圖片符號(hào)的方法。 建議：將list-style-type:none; 然后修改標(biāo)記的背景屬性。,項(xiàng)目列表,如何設(shè)置項(xiàng)目列表的背景圖片?,自適應(yīng)寬度的導(dǎo)航, * padding:0;margin:0 ul li float:left; list-style:none; margin-left:10px ; margin-top:20px ul li a display:block; height:35px; background:url(leftbg.jpg); padding-left:10px; text-decoration:none; color:#000 ul li a span display:block; height:35px; padding-right:10px; background:url(rightbg.jpg) no-repeat r