div滑入与滑出

html

<div class="pop_tit">
<span class="p_tit1" title="大连未来城LECITY">大连未来城LECITY</span><br />
</div>

css

.pop_tit { width:350px; height:45px; padding:10px 10px 5px 10px; /*position:absolute; left:5px; top:5px; z-index:29;*/ background:url(../images/zp_titbg.png) no-repeat 0px 0px; display:none;}
.p_tit1 { line-height:18px; color:#ffffff; font-size:18px; padding-right:18px;}

js

//case
$(".case li a").live('mouseenter',function(){
//alert('enter');
$(this).children().stop(false,true);
$(this).children(".pop_tit").slideDown("fast");
}).live('mouseleave',function(){
//alert('out');
$(this).children().stop(false,true);
$(this).children(".pop_tit").slideUp("fast");
});

posted @ 2016-07-16 23:32  简单就好zyx  阅读(506)  评论(0编辑  收藏  举报