可以用jquery的鼠標(biāo)懸停事件 mouseover,即鼠標(biāo)停留在某個(gè)dom元素觸發(fā),在這個(gè)事件里面,動(dòng)態(tài)改變菜單的css就好了;對應(yīng)的mouseout是鼠標(biāo)移開事件
我們擁有10年網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn),從網(wǎng)站策劃到網(wǎng)站制作,我們的網(wǎng)頁設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、成都做手機(jī)網(wǎng)站、H5頁面制作、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求,我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。
加個(gè)定時(shí)器,延遲一秒執(zhí)行,給這個(gè)區(qū)域加一個(gè)鼠標(biāo)離開事件。離開就關(guān)閉那個(gè)定時(shí)器,就可以了。
這個(gè)用html和css里就可以做。里面讓li的內(nèi)容為一個(gè)div,讓盒子絕對定位,屬性display:none,給這個(gè)li里的超鏈接加個(gè)偽類,屬性為disply:block,就可以實(shí)現(xiàn)
juqery用到的知識一個(gè)鼠標(biāo)懸浮觸發(fā)事件,下拉列表的重點(diǎn)在絕對定位。
$("#t1").css("bgcolor","#ddddde");
$("#t2").css("bgcolor","#ddddde");
$("#t3").css("bgcolor","#ddddde");
$("#t4").css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8");
},function(){$(this).css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8"); 這里錯(cuò)了 不是 而是 $(this).css("bgcolor","#0056c8");