MozTW 討論區
https://forum.moztw.org/

mouse over 觸發事件
https://forum.moztw.org/viewtopic.php?f=13&t=21972		 第 1 頁 (共 1 頁)
發表人:  hkm [ 2008-03-21, 14:42 ]
文章主題 :  mouse over 觸發事件
<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)
發表人:  wini [ 2008-03-21, 17:01 ]
文章主題 : 
假設 HTML 中是這樣寫：
代碼:
<div id="div1">DIV1</div><div id="div2">DIV2</div>

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

（現在不方便測不確定）
發表人:  風痕影 [ 2008-03-22, 13:27 ]
文章主題 : 
hkm 寫:
如不改變HTML碼,如何使當滑鼠移在 DIV2 上,觸發 DIV2 下的 DIV1 的事件如 onmouseover


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

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

不過即使如此，也會變成只要游標在 DIV2 上就一定會觸發
而不是只有 DIV2 和 DIV1 重疊的地方...
發表人:  wini [ 2008-03-22, 17:24 ]
文章主題 : 
風痕影 寫:
hkm 寫:
如不改變HTML碼,如何使當滑鼠移在 DIV2 上,觸發 DIV2 下的 DIV1 的事件如 onmouseover


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


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

不過如果是要用動態效果跟複雜判斷式的話，還是靠 JS 比較方便。
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/