不用display none,實現滑鼠滑過改變文字

2022-04-05 09:18:06 字數 1518 閱讀 8350

摘自

文章標題是 《css實現滑鼠滑過改變文字(中文變英文)》,實現方法對我來說很新鮮。

在文章列表看到這個標題,我以為方法是給a里設span,css設定 span   a:hover span 。。。

來看看它的方法:

>滑鼠經過變換文字

title

>

<

style

>

#menu

#menu ul

#menu li

#menu a

#menu span

#menu a:hover

style

>

head

>

<

body

>

<

ul id

="menu"

>

<

li><

a href

="#"

><

span

>home

span

>首頁

a>

li>

<

li><

a href

="#"

><

span

>news

span

>新聞

a>

li>

<

li><

a href

="#"

><

span

>about

span

>關於

a>

li>

<

li><

a href

="#"

><

span

>contact

span

>聯絡

a>

li>

<

li><

a href

="#"

><

span

>**

span

>photo

a>

li>

ul>

body

>

html

>

給a里設span,並且把span轉成塊,就可以把a變成兩行,給li設高度,讓其只顯示一行的空間,通過改變a的位置 實現隱藏和顯示的切換。

display none顯示和隱藏

1 html 2 head 3 title 顯示和隱藏問題 title 4 meta charset utf 8 5 style type text css 6 a 13 b 21 c 26style 27head 28 body 29 div id a a30 div id b b div 31 ...

不用 實現加法運算

寫乙個函式,求兩個整數之和,要求在函式體內不得使用 四則運算符號。示例 輸入 a 1,b 1 輸出 2a,b 均可能是負數或 0 結果不會溢位 32 位整數 我覺得寫這個題一定要對原反補碼的機制非常熟悉,其實加減乘除本身就是我們人自己的思維,在硬體底層笨豬cpu是沒有這麼複雜的想法的,首先cpu只有...

display none效果被覆蓋解決方案

最近作專案的時候做了乙個顯示和隱藏的側邊導航欄,使用到display none的css屬性,但執行後審查元素發現樣式被覆蓋,於是想著是不是塊級元素的問題,但後來發現不是是因為bootstrap框架中帶有這樣類似的樣式 pull right pull left hide show 他們會覆蓋掉你的di...