純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容
更新時(shí)間：2014年05月16日 10:08:16 作者：
這篇文章主要介紹了純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容,需要的朋友可以參考下
css樣式
復(fù)制代碼 代碼如下:
.remind span {display:block;margin-top:-22px;}
.remind a:hover {padding-top:22px;}
.remind a {float:left;overflow:hidden;}
.remind{height:22px;line-height:22px;overflow:hidden;padding-left:10px;}
html代碼
復(fù)制代碼 代碼如下:
<div class="remind"><a href="#"><span>如需修改帳號(hào)，請(qǐng)發(fā)送修改信息及相關(guān)證明至郵箱</span>提示</a></div>
具體實(shí)例
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
無邊框表格...2006-07-07
圖片處理在前端工作中可謂占據(jù)了很重要的一壁江山。而圖片的base64編碼可能相對(duì)一些人而言比較陌生，本文不是從純技術(shù)的角度去討論圖片的base64編碼。希望通過一些淺顯的論述，讓你知道什么是圖片的base64 編碼，并讓你懂得如何去在前端的實(shí)際工作中運(yùn)用它。2021-05-05
130個(gè)漂亮CSS布局站點(diǎn)參考...2006-09-09
表格斜線...2006-09-09
這篇文章主要介紹了不要在HTML中濫用div，對(duì)前端感興趣的同學(xué)，一定要看一下2021-05-05
HTML表單元素覆蓋樣式元素問題及其補(bǔ)救之道...2006-07-07
li的簡單應(yīng)用(將前面的點(diǎn)換成圖標(biāo))
li的簡單應(yīng)用(將前面的點(diǎn)換成圖標(biāo))...2006-08-08
DOM屬性用法速查手冊(cè)...2006-10-10
expression將JS、Css結(jié)合起來...2006-09-09
廣義的故障藝術(shù)不僅僅指這種效果，我覺得是很寬泛的，本文將介紹一些CSS能夠模擬完成的故障藝術(shù)效果。2021-05-05