MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-22, 05:35

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 4 篇文章 ] 
發表人 內容
 文章主題 : mouse over 觸發事件
文章發表於 : 2008-03-21, 14:42 
離線
頭像

註冊時間: 2005-09-19, 21:50
文章: 5
來自: HK
<style>
#div1{
position:absolute;
top:10px;
left:10px;
width:200px;
height:200px;
background-color:red;
}
#div2{
position:absolute;
top:30px;
left:30px;
width:200px;
height:200px;
background-color:blue;
}
</style>
<div id="div1" onmouseover="alert('test')"> DIV1 </div>
<div id="div2"> DIV2 </div>
如不改變HTML碼,如何使當滑鼠移在 DIV2 上,觸發 DIV2 下的 DIV1 的事件如 onmouseover,
(可用Javascript)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-21, 17:01 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
假設 HTML 中是這樣寫:
代碼:
<div id="div1">DIV1</div><div id="div2">DIV2</div>

那 #div1:hover+#div2 應該可以吧。

(現在不方便測不確定)

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-22, 13:27 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
hkm 寫:
如不改變HTML碼,如何使當滑鼠移在 DIV2 上,觸發 DIV2 下的 DIV1 的事件如 onmouseover


剛才測試了 wini 的做法...
他寫的其實是游標移到 DIV1 時,改變 DIV2 的樣式

我不清楚有沒有可能在不改 HTML 順序的情況下反過來啦 XD
因為現在沒時間找資料...不過我確定把 DIV1 和 DIV2 順序對調的話可以達成啦 XD

不過即使如此,也會變成只要游標在 DIV2 上就一定會觸發
而不是只有 DIV2 和 DIV1 重疊的地方...

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-03-22, 17:24 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
風痕影 寫:
hkm 寫:
如不改變HTML碼,如何使當滑鼠移在 DIV2 上,觸發 DIV2 下的 DIV1 的事件如 onmouseover


剛才測試了 wini 的做法...
他寫的其實是游標移到 DIV1 時,改變 DIV2 的樣式


重看了一下,的確是完全搞錯了,果然不該爆肝到愰神時回文呀……

不過如果是要用動態效果跟複雜判斷式的話,還是靠 JS 比較方便。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 4 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 15 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群