這段時(shí)間寫(xiě)了很多頁(yè)面代碼,除了一些知識(shí)重復(fù)以外,也學(xué)到css的一些新東西,或許是舊東西,但是還是希望能對(duì)大家有用。
其實(shí)在css里面有很多對(duì)a的樣式應(yīng)用,因?yàn)閍標(biāo)簽是僅有的默認(rèn)可以觸發(fā)動(dòng)作的標(biāo)簽,因此在很多時(shí)候可以用css來(lái)控制a達(dá)到j(luò)s才能達(dá)到的效果,比如今天要介紹的css仿title和alt的提示效果:
先來(lái)分析一下這種效果的特點(diǎn),無(wú)非就是在鼠標(biāo)懸停的時(shí)候出現(xiàn)一個(gè)包含介紹文字的提示層,如果用傳統(tǒng)的javascript來(lái)實(shí)現(xiàn),就要設(shè)置對(duì)象的onmouseover和onmouseout屬性,而如果把對(duì)象看作是a屬性中的link和hover的話(huà),這個(gè)問(wèn)題就更清晰了,因?yàn)橹灰褜?duì)象的link屬性設(shè)置為隱藏提示層、hover屬性設(shè)置為呈現(xiàn)提示層即可,那么這個(gè)提示層的位置究竟在哪里呢?當(dāng)然是在a標(biāo)簽中間了,目前常用的辦法是把提示內(nèi)容放在span標(biāo)簽中間進(jìn)而包含在a標(biāo)簽內(nèi)部,然后設(shè)置a:link和a:hover下不同的span樣式即可。
下面結(jié)合代碼給大家說(shuō)一下這個(gè)簡(jiǎn)單的原理:
[code]<style>
|
新聞熱點(diǎn)
疑難解答
圖片精選