滑鼠移到某個div需要顯示該div下面的列表時

2021-07-10 21:25:41 字數 562 閱讀 3618

例項:

當滑鼠移到購物車上時,顯示購物車的列表。

問題:由於之前購物車是乙個dom,購物車列表是另乙個dom,因此用到mouseover和mouseout時,滑鼠只要離開購物車購物車列表就會消失,根本選不中購物車列表頁。

解決方案:

在購物車dom和購物車列表dom上新增個父類dom,然後對這個父類dom新增mouseover和mouseout事件。

當滑鼠移到購物車上時,呼叫mouseover,當滑鼠移到購物車列表時,會先呼叫mouseout,然後會再次呼叫mouseover,因為購物車dom和購物車列表dom都是父類div的子div

$(".head_cart_show").mouseover(function(){})

$(".head_cart_show").mouseout(function(){})

滑鼠懸浮div同步顯示

滑鼠懸浮在div1標籤上時,顯示對應的div2資訊層,同時滑鼠在div2資訊層上時,div2不隱藏。只有離開div1或者div2時,隱藏div2資訊層 1 div1和div2之間不能有空隙 1 方法1 完成 class div1 div class div2 內容內容內span div var bt...

滑鼠移動到文字,顯示DIV的資訊

頁面檔案 nm use ut hidepopup js檔案 滑鼠移入顯示div function trigger event,pk accnt var html hotelmanager.web.general.acccenter.mainaccount.getweek pk accnt value...

mouseover滑鼠在div上仍顯示隱藏的div

html class mini login onmouseover document.all.layer1.style.visibility onmouseout document.all.layer1.style.visibility hidden a li 登入a li div 註冊a li u...