例項:
當滑鼠移到購物車上時,顯示購物車的列表。
問題:由於之前購物車是乙個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...