從事幾年的網頁設計工作寫了很多頁面代碼,除了一些知識重復以外,也學到css的一些新東西,或許是舊東西,但是還是希望能對大家有用。
其實在css里面有很多對a的樣式應用,因為a標簽是僅有的默認可以觸發動作的標簽,因此在很多時候可以用css來控制a達到js才能達到的效果,比如今天要介紹的css仿title和alt的提示效果:
先來分析一下這種效果的特點,無非就是在鼠標懸停的時候出現一個包含介紹文字的提示層,如果用傳統的javascript來實現,就要設置對象的onmouseover和onmouseout屬性,而如果把對象看作是a屬性中的link和hover的話,這個問題就更清晰了,因為只要把對象的link屬性設置為隱藏提示層、hover屬性設置為呈現提示層即可,那么這個提示層的位置究竟在哪里呢?當然是在a標簽中間了,目前常用的辦法是把提示內容放在span標簽中間進而包含在a標簽內部,然后設置a:link和a:hover下不同的span樣式即可。
下面結合代碼給大家說一下這個簡單的原理:
software.billionnet.net這是我的個人blog,里面有一些網站設計和制作的東東,希望大家常來交流
software.billionnet.net這是我的個人blog,里面有一些網站設計和制作的東東,希望大家常來交流
software.billionnet.net這是我的個人blog,里面有一些網站設計和制作的東東,希望大家常來交流
software.billionnet.net這是我的個人blog,里面有一些網站設計和制作的東東,希望大家常來交流
Copyright@ 2011-2016 版權所有:大連千億科技有限公司 遼ICP備11013762-3號 google網站地圖 百度網站地圖 網站地圖
公司地址:大連市沙河口區中山路692號辰熙星海國際2317 客服電話:0411-39943997 QQ:2088827823 37482752
法律聲明:未經許可,任何模仿本站模板、轉載本站內容等行為者,本站保留追究其法律責任的權利! 隱私權政策聲明