网页右侧的漂浮广告代码,随滚动条滚动
2013-10-15 13:52
120 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> </head> <body> HTML代码(即需要漂浮的广告): <div class="christmas_ad" style="width:155px; height:220px; position:absolute; top:150px; right:25px;"> <a href="javascript:void(0)" ><img src="http://dlt.zoosnet.net/site/35433641/online_cn.gif" border="0" /></a> </div> js代码:前提是必须要引入jquery文件 <script type="text/javascript"> $(function(){ $(window).scroll(function(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop || 0; $(".christmas_ad").stop(); var scrollTop2 = (scrollTop+160) - $(".christmas_ad").position().top; if(scrollTop> 440){ $(".christmas_ad:not(:animated)").animate({top:"+="+scrollTop2+"px"},1000); }else{ $(".christmas_ad").css("top",370+"px"); } }) }) </script> </body> </html>
相关文章推荐
- 网页右侧的漂浮广告代码,随滚动条滚动
- jQuery网页右侧广告跟随滚动代码分享
- 符合标准的随滚动条滚动的广告代码,在滚动条右侧滚动
- jQuery网页右侧广告跟随滚动代码分享
- JS实现网页上随滚动条滚动的层效果代码
- JS实现网页上随滚动条滚动的层效果代码
- 超强无法拦截的网页漂浮图片广告代码
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- 随滚动条滚动的图片广告代码(图片还可以拖动)
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- 超简单 无缝滚动 漂浮广告 代码属性
- 符合3w标准的网页漂浮广告代码
- 网页右侧悬浮滚动在线qq客服代码示例
- 超强无法拦截的网页漂浮图片广告代码,最小化也还在桌面漂浮
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
- Javascript实现带关闭按钮的网页漂浮广告代码
- JS带关闭按钮的网页漂浮广告代码
- 如何在网页两边显示随滚动条滚动的广告
- 网页右侧悬浮滚动在线qq客服代码示例
- QQ在线客服JS代码,自适应漂浮在网页右侧