在做搜索選擇提示框的時(shí)候,當(dāng)出現(xiàn)提示框時(shí),提示框 的消失方式有時(shí)候會(huì)讓人糾結(jié),如下圖:
網(wǎng)站制作、做網(wǎng)站的開發(fā),更需要了解用戶,從用戶角度來(lái)建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見的多,溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián),不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。
因?yàn)楫?dāng)點(diǎn)擊提示框出現(xiàn)的提示后會(huì)給賦值,所以提示框消失不能寫的blur事件;
同時(shí)也不能在提示框的blur事件,因?yàn)楸旧斫裹c(diǎn)就不在他。
經(jīng)過(guò)思考還是寫的blur 事件,但是不同于傳統(tǒng)的blur,在鼠標(biāo)在提示框內(nèi)的時(shí)候不觸發(fā)讓它消失的事件,在提示框外的時(shí)候觸發(fā),寫法如下:
var blur_type="";
$("#serch_div").mouseover(function(){
blur_type=1;
});
$("#serch_div").mouseout(function(){
blur_type=0;
});
$("#marketname_text").blur(function() {
if(blur_type==0){
$("#serch_div").hide();
}
});
新聞名稱:百度搜索提示框消失效果代碼
標(biāo)題來(lái)源:
http://weahome.cn/article/jopgcc.html