var?sp2?=?$("#sp2");
成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、潮州網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為潮州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
$("#sp1").mouseover(function(){
var?me?=?$(this);
me.stop().animate({
width:?"300px"
},600,function(){
sp2.css("marginRight","10px").show();
me.width("300px");
});
}).mouseout(function(){
var?me?=?$(this);
me.stop().animate({
width:?"100px"
},600,function(){
sp2.hide();
me.width("100px");
});
});
$("#id/.class").hover(
function(){
//mouseover就寫這里面
$(this).css({"color":"blue"});//移上字體變藍(lán)
},function(){
//mouseout就寫這里面
$(this).css({"color":"black"});//移除字體變黑
})
$("#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"); 這里錯了 不是 而是 $(this).css("bgcolor","#0056c8");
可以用jquery的鼠標(biāo)懸停事件 mouseover,即鼠標(biāo)停留在某個dom元素觸發(fā),在這個事件里面,動態(tài)改變菜單的css就好了;對應(yīng)的mouseout是鼠標(biāo)移開事件
如果hidden是你的隱藏class的話,寫法如下:
$('.samples').mouseover(function () {
$(this).find('.author').removeClass('hidden');
})
$('.samples').mouseleave(function () {
$(this).find('.author').addClass('hidden');
})
加個定時器,延遲一秒執(zhí)行,給這個區(qū)域加一個鼠標(biāo)離開事件。離開就關(guān)閉那個定時器,就可以了。