十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
var sp2 = $("#sp2");
成都创新互联专注于企业全网整合营销推广、网站重做改版、潮州网站定制设计、自适应品牌网站建设、H5响应式网站、商城建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为潮州等各大城市提供网站开发制作服务。
$("#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"});//移上字体变蓝
},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的鼠标悬停事件 mouseover,即鼠标停留在某个dom元素触发,在这个事件里面,动态改变菜单的css就好了;对应的mouseout是鼠标移开事件
如果hidden是你的隐藏class的话,写法如下:
$('.samples').mouseover(function () {
$(this).find('.author').removeClass('hidden');
})
$('.samples').mouseleave(function () {
$(this).find('.author').addClass('hidden');
})
加个定时器,延迟一秒执行,给这个区域加一个鼠标离开事件。离开就关闭那个定时器,就可以了。