标签：lin style nim tle htm 部分 idt script seo
HTML：
<div class="edt_title" >
<div id="edt_title">
<p class="edt_title_top">e定投</p>
<div class="product_line"></div>
<p class="edt_title_c">
多种期限<br /><br />稳健收益
</p>
<p class="edt_title_top" style="margin-top: 60px;">e定投</p>
<div class="product_line"></div>
<p class="edt_title_c">
多种期限<br /><br />稳健收益
</p>
<div class="product_more">
查看全部
</div>
</div>
</div>
css：
.edt_title{ height: 200px; width: 150px; margin: 200px auto; text-align: center; overflow:hidden;/* 溢出部分不显示 */ } #edt_title{ position: relative;/* 子元素设置relative */ }
js
$("#edt_title").mouseover(function(){
$(this).stop().animate({bottom:‘200px‘},800);
});
$("#edt_title").mouseout(function(){
$(this).stop().animate({bottom:‘0px‘},800);
});
stop()事件用来阻止动画一直运行。
标签：lin style nim tle htm 部分 idt script seo
原文地址：http://www.cnblogs.com/yuanxinru321/p/7815569.html
