星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
jQuery是一款強大的JS庫,提供了許多動態效果,使用時還不用考慮相容性。但是如果你足夠細心你就會發現這樣一種情況:編寫程式碼時,需要對某一元素,當滑鼠移上去就顯示彈出資訊,移開隱藏資訊,你可能會用mouseover和mouseout結合hide()、show()函數,這種方法沒有問題。但如果你想要更好的效果比如控制顯示隱藏過程的時間,此時如在函數傳入時間引數,你就會發現,當你在新增了事件的元素上移動滑鼠時,提示框會一直閃爍,若隱若現。今天,小編介紹一種解決辦法。
小編曾經為解決這個BUG找遍網際網路站,未果,無人提及。
jQuery之所以會產生上面所提到的閃爍問題,其根本原因就在於事件被系結到了同一個元素上面,這樣滑鼠在經過的時候滑鼠焦點在不斷的變化,瀏覽器無法準確具體的判斷滑鼠所處的位置,從而導致了閃爍問題。
下面兩張圖片是我做的範例圖片,前面的是JS效果程式碼,後面的是HTML程式碼。
需要說明的是一共用到了四種顯示隱藏show/hide函數(傳參和不傳參),fadeIn/fadeOut(傳參和不傳參),fadeTo同理就不在贅述。
大家可到我提供的地址下載範例。
因為事件係結到了同一元素上才會致使閃爍的情況出現,所以只要我們將事件係結在不同的元素上即可解決。但要注意的是,係結到不同的元素上應確保元素是塊級元素或具有塊級元素的屬性。
先看HTML程式碼,我做了8個div分成兩行進行效果對比。
在div裡面每個都包含一個隱藏的樣式為hide的div(即我說的提示框),並分別給了ID。
上面四個採用系結時間到同一元素;
下面四個則係結到兩個元素;
接下來看JS程式碼,
分別和下面的對應。
很明顯的看到$('#6')、$('#7')、$('#8')將事件分開了進行系結,mouseover系結到本身,mouseout則係結到了子元素。
相關文章
星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
我們經常會玩決勝時刻戰區遊戲,但是有很多朋友不知道決勝時刻戰區國際服註冊方法,下面就詳細說下決勝時刻戰區國際服註冊方法。1首先我們開啟自己電腦中的瀏覽器,比如360瀏覽器
2020-11-29 16:08:59
決勝時刻黑色行動4的應用獲取的方法。1準備好網路的網速,開啟瀏覽器的頁面。 2決勝時刻黑色行動4將其輸入到搜尋頁中,點選搜尋。 3選擇圖中展示的決勝時刻黑色行動4中文版網頁
2020-11-29 16:06:30
決勝時刻是一個很好玩的遊戲,但是安裝過程比較困難,下面小編和你分享一下經驗! 1一般有很多個壓縮檔案的那種,任意解壓一個壓縮包之後會生成一個映象用虛擬光碟機載入,之後按用光
2020-11-29 10:07:32
小編教你決勝時刻9BO2.怎麼安裝,希望你的生活多姿多彩~ 1首先,你買的基本可以確定,是盜版,或者說所謂的偽正版——同學,多去steam吧或者戰地3吧看一看,會提高你對盜版/偽正版的鑑
2020-11-29 05:49:58
目前很多決勝時刻的玩家都在找版本10的中文版,其實現在正版的當中還沒有中文,退而求其次吧,小編這裡分享一些貼圖大家參考一下 1基礎選單,直接看圖片吧 2基礎選單,直接看圖片吧 3
2020-11-29 05:29:49