滑鼠放上超連結顯示背景效果

2022-09-01 08:06:08 字數 1485 閱讀 7233

<

html

>

<

head

>

<

style

type

="text/css"

>

a.one:link

a.one:visited

a.one:hover

a.two:link

a.two:visited

a.two:hover

a.three:link

a.three:visited

a.three:hover

a.four:link

a.four:visited

a.four:hover

a.five:link

a.five:visited

a.five:hover

style

>

head

>

<

body

>

<

p>請把滑鼠移動到這些鏈結上,以檢視效果:

p>

<

p><

b><

a class

="one"

href

=""target

="_blank"

>這個鏈結改變顏色

a>

b>

p>

<

p><

b><

a class

="two"

href

=" "

target

="_blank"

>這個鏈結改變字型大小

a>

b>

p>

<

p><

b><

a class

="three"

href

=" "

target

="_blank"

>這個鏈結改變背景顏色

a>

b>

p>

<

p><

b><

a class

="four"

href

=" "

target

="_blank"

>這個鏈結改變字型系列

a>

b>

p>

<

p><

b><

a class

="five"

href

=" "

target

="_blank"

>這個鏈結改變文字裝飾

a>

b>

p>

body

>

html

>

a:link 

a:visited

a:hover

html超連結滑鼠顯示樣式

aaa default 預設游標 通常是乙個箭頭 auto 預設。瀏覽器設定的游標。crosshair 游標呈現為十字線。pointer 游標呈現為指示鏈結的指標 乙隻手 move 此游標指示某物件可被移動。e resize 此游標指示矩形框的邊緣可被向右 東 移動。ne resize 此游標指示矩...

滑鼠經過超連結文字變色

1 第一種方法 a href style text decoration none onmouseover j ascript this.style.color red onmouseout j ascript this.style.color black 測試文字 a 2 第二種方法 css a ...

JQuery實現超連結滑鼠提示效果

a.tooltip mouseover function mouseout function 實現這個效果的具體思路如下 1.當滑鼠滑入超連結時,建立乙個div元素,div元素的內容為title屬性的值。然後將建立的元素追加到文件中。為它設定x座標和y座標,使它顯示在滑鼠位置的旁邊。2.當滑鼠滑出超...