CSS下鼠標(biāo)懸停在一個(gè)DIV時(shí)顯示另外一個(gè)DIV，為何顯示不出來(lái)？首先，在代碼方面，你的最終風(fēng)格寫(xiě)作中有一個(gè)錯(cuò)誤，應(yīng)該是#秒：懸停#第三這是正確的。其次，如果它是用CSS實(shí)現(xiàn)的，#third必須是#s

CSS下鼠標(biāo)懸停在一個(gè)DIV時(shí)顯示另外一個(gè)DIV，為何顯示不出來(lái)？

首先，在代碼方面，你的最終風(fēng)格寫(xiě)作中有一個(gè)錯(cuò)誤，應(yīng)該是#秒：懸停#第三這是正確的。其次，如果它是用CSS實(shí)現(xiàn)的，#third必須是#sec的后代元素，否則它將不會(huì)成功。你看，最后一個(gè)表示“third”必須是“sec”的后代元素。當(dāng)然，這種編寫(xiě)瀏覽器的兼容性不是很好，ie也沒(méi)想到，特別是版本之間的差異相當(dāng)大。如果是為了學(xué)習(xí)，那沒(méi)關(guān)系

你的意思是，鼠標(biāo)懸停后，會(huì)出現(xiàn)一個(gè)浮動(dòng)層，其中會(huì)寫(xiě)入一些單詞，并從數(shù)據(jù)庫(kù)中動(dòng)態(tài)檢索這些單詞？創(chuàng)建浮動(dòng)層的第一種方法是創(chuàng)建一個(gè)在CSS中至少有一個(gè)層的隱藏div位置：絕對(duì)。將mouseenter事件綁定到框架。觸發(fā)事件后，需要半秒的延遲。延遲之后，移除隱藏的div，它就會(huì)顯示出來(lái)。如果要根據(jù)鼠標(biāo)位置定位圖層，需要先獲得鼠標(biāo)位置。一般來(lái)說(shuō)，JS不能直接操作數(shù)據(jù)庫(kù)，只能通過(guò)PHP等服務(wù)器端語(yǔ)言進(jìn)行操作。所以使用ajax請(qǐng)求一個(gè)PHP URL并返回?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)。如果你想要視覺(jué)上的平滑，這取決于你如何寫(xiě)JS。

鼠標(biāo)懸停顯示隱藏文字？

使用DIV CSS在圖片上方顯示文本內(nèi)容的原理：首先，我們?cè)O(shè)置一個(gè)box對(duì)象，將樣式標(biāo)簽中的圖片設(shè)置為CSS背景圖像，并將對(duì)象HTML設(shè)置為超鏈接顯示：無(wú)隱藏，文本內(nèi)容放置在超鏈接錨文本中，最后，當(dāng)鼠標(biāo)懸停在整個(gè)對(duì)象上時(shí)，會(huì)顯示超鏈接內(nèi)容。需要注意的是，我們?cè)诳驅(qū)ο笙率褂肅SS位置絕對(duì)定位超鏈接a標(biāo)簽，為了美化效果，HTML a標(biāo)簽的寬度與對(duì)象的寬度相同，設(shè)置一定的高度，并將CSS背景設(shè)置為半透明背景色。同時(shí)，為了與IE6兼容，我們使用IE6來(lái)支持hover插件?？刂谱x取以了解IE6懸停支持。這種效果與所有主流瀏覽器兼容，包括IE6。請(qǐng)下載附件包的源代碼，謝謝

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

20

21

22

23

24

25

26

27

28

29 30 31 32 33 34 35