首页 > 其他 > 详细

div滑入与滑出

时间:2016-07-17 12:59:43      阅读:264      评论:0      收藏:0      [点我收藏+]

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");
});

div滑入与滑出

原文:http://www.cnblogs.com/zhouyx/p/5677526.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!