重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
亲,你这个明显是事件冒泡的原因,因为#loginBtn是属于body里面的,你点击#loginBtn自然会触发body中响应的事件,网上搜一下jquery阻止事件冒泡在loginBtn里面加个阻止事件冒泡的语句就可以了
目前成都创新互联已为千余家的企业提供了网站建设、域名、网站空间、网站运营、企业网站设计、思南网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
Jquery实现的方法有很多fadeIn()(淡出)、show(),或者直接控制css 都可以实现显示功能。
下面直接给出一个简单的例子:
ul id="ul"
lispan显示的内容1/spandiv style="display:none;"鼠标经过要显示的内容1/div/li
lispan显示的内容2/spandiv style="display:none;"鼠标经过要显示的内容2/div/li
lispan显示的内容3/spandiv style="display:none;"鼠标经过要显示的内容3/div/li
/ul
script type="text/javascript"
$("#ul li").mouseover(function(){//鼠标在li内移动时触发
$(this).find("div").fadeIn();//淡出显示当前li下的div
});
$("#ul li").mouseout(function(){//鼠标移出li时触发
$(this).find("div").fadeOut();//淡出隐藏当前li下的div
});
/script
首先加一个提示层并隐藏
div id="addBox" style="display:none;"保存成功/div
点击添加后显示,过一段时间后隐藏
$("$addBox").show();
setTimeout($("$addBox").hide(),3000)