HTML代码(即需要漂浮的广告):
<div class="christmas_ad" style="width:155px; height:220px; position:absolute; top:250px; right:25px;">
<a href="javascript:void(0)" ><img src="/themes/mall/wowsai/topics/images/christmas_2012/christmasAcvance.png" 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>

网页右侧的漂浮广告代码,随滚动条滚动相关推荐

  1. php中的网页漂浮代码,JavaScript_Javascript实现带关闭按钮的网页漂浮广告代码,复制代码 代码如下: html - phpStudy...

    Javascript实现带关闭按钮的网页漂浮广告代码 带关闭按钮的网页漂浮广告代码 X ff.js代码 var xPos = 20; var yPos = document.body.clientHe ...

  2. 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全

    01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03.<!--首页头部广告--> 04.<script src="ht ...

  3. html漂浮图片代码关闭,js带关闭按钮的网页漂浮广告代码

    html head -="-Type"=";=GBK" 带关闭按钮的网页漂浮广告代码 body divid="img"style=" ...

  4. php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码

    纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;backgroun ...

  5. js 让鼠标右下角有一排小字_JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码...

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...

  6. html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码

    JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...

  7. Js弹性漂浮广告代码

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  8. 一个非常实用的漂浮广告代码(强烈推荐)

    <body bgcolor="#F7F7F7"> <!--图片漂浮广告代码开始--> <div id="www_qpsh_com" ...

  9. js漂浮广告代码(简洁!)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org ...

最新文章

  1. E0144“const char *“ 类型的值不能用于初始化 “char *“ 类型的实体
  2. ASP.NET MVC请求处理管道生命周期的19个关键环节(1-6)
  3. 制作一本《First Love, Last Rites》之二
  4. Python编程语言学习:两行代码输出根目录下所有子文件夹的绝对路径、相对路径
  5. 干货 | 仅需10分钟,开启你的机器学习之路!
  6. Java中的变量Variable
  7. 机器人油封_【工业机器人】油封应用
  8. ArcEngine中shp中先加入要素然后删除一部分要素后,放大图形后不显示的问题解决方法...
  9. 使用Microsoft Word中“多级列表”功能定制文档标题的方法
  10. 给定一个字符串,若是回文字符串则返回该字符串,否则补充该字符串成为回文字符串
  11. 12 个追地铁的人:照亮生活的一次追逐
  12. stata17安装教程
  13. 毕设 疲劳驾驶检测系统 python
  14. 【owt-server】m88分支和m59-server
  15. Html5 Egret游戏开发 成语大挑战(三)开始界面
  16. 在不停业务的情况下重启ES集群中的节点
  17. 段码液晶屏驱动芯片如何选择
  18. 陷入多事之秋,阿里的价值观出问题了?
  19. 树上取石子's 题解
  20. 青柠疫服自动打卡脚本

热门文章

  1. 时序分析(8) -- GARCH(p,q)模型
  2. 市场上最受欢迎、消费者最爱吃的石锅鱼
  3. 雨林木风 Ghost XP SP2 精简版 Y2.0
  4. Quorum (分布式系统)
  5. MinGW-w64 C/C++编译器各版本说明
  6. OPENGL学习(四)GLUT三维图像绘制
  7. 如何在桥接模式下使用Eero保持路由器的高级功能
  8. 解决:RuntimeError: Expected object of scalar type Int but got scalar type Double
  9. Java程序设计实验(二):类的创建和封装实验
  10. Spring Cloud Hoxton 版本微服务项目搭建 admin 监控客户端