JQ实现仿163头部广告的下拉效果,在FF下显示时有个跳动的过程

用jq实现的仿163首页头部广告的下拉效果:
下面是代码:
< html >
< head >
< title > 163头部ad显示效果 </ title >
< script  src ="jquery-1.3.2.min.js"  type ="text/javascript" ></ script >     
<!-- 将jQuery引用进来 -->
< script >
$(document).ready(
function () {
    $(
" #ad " ).slideDown( 1000 , function (){
    
var  dom  =  $( this ); 
    setTimeout(
function (){dom.slideUp( 1000 );}, 2000 );
});});
</ script >


< style  type ="text/css" >
body 
{ margin : 0 ; padding : 0 ; }
div#ad 
{ width : 500px ; height : 400px ; font-size : 18px ;  padding : 0 ;  margin : 0 ;  background-color : #eee ;  display : none ; }
/*div#ad p 
{ height : 14px ; }//这是第一次发布时候p的样式*/
div#ad p {height:25px; padding:0;margin:0;line-height:150%;} //这是第二次发布时候p的样式
</ style >
</ head >
< body >
< div  id ="ad" >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
< p > 这是网易163的广告代码 </ p >
</ div >
    
</ body >
</ html >

在ie6.0、FF和Opera浏览器进行测试的时候,就是FF浏览器在滑动到最底端时有个跳动的情况,待解决!

问题已经解决了~
只要给p定义样式:
div#ad p {height:25px; padding:0;margin:0;line-height:150%;}
这样在ie6.0、FF和Opera浏览器下显示效果一致;
FF下还有点小问题,在slideDown的时候有个很生硬的过程,好像卡住了一小会再下拉,这个问题还是待研究!

转载于:https://www.cnblogs.com/huashengjam/archive/2009/07/28/1532879.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值