<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">

	img{ position:absolute; top:50px; left:0;}

	p{ margin-left:200px;}

</style>

</head>

<body>

<img src="data:images/aside.jpg" id="pic"/>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

<p>1111111111，</p>

</body>

</html>

<script src="data:images/my.js" type="text/javascript"></script>

<script>

window.onload =function(){

	var pic = $("pic");

	var leader = 0;

	var target = 0;

	var timer = null;

	var top = pic.offsetTop;

	window.onscroll = function(){

		clearInterval(timer);

		target=window.scroll().top+top;

		timer=setInterval(function(){

			leader=leader+(target-leader)/10;

			pic.style.top = leader + 'px';

			},10);

	}

}

</script>

js跟随的广告的更多相关文章

  1. Js弹性漂浮广告代码

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

  2. js跟随鼠标移动的写法

    <script> window.onload=function(){ document.onmousemove=function (ev) { var oEvent=ev||event; ...

  3. js定时显示广告代码

    这是一则定时显示广告的javascript代码,当然也可以定时显示某一区块内容,很实用. 代码如下: function strToDate(str, ext) { if (str == null || ...

  4. [Js]跟随鼠标移动的div

    例子:鼠标移动到一块东西上,出现提示文本框,并且提示文本框跟着鼠标的位置动 document.onmouseover=function(ev){ var oEvent=ev||event; var b ...

  5. JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂 ...

  6. JS网页顶部弹出可关闭广告图层

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

  7. jquery中的each用法以及js中的each方法实现实例

    each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$ ...

  8. DNS弹窗广告遭遇

    事情是这样的,不久前,我跟往常一样打开某新闻网页的时候,发现右下角有弹窗广告,并且在原页面任意位置点击,都会打开一个广告页面,然后原页面才能正常点击,手法太低劣了,不像是网站挂的广告,然后打开其它网页 ...

  9. js单击输入框后弹出提示信息效果

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

随机推荐

  1. C语言 · 身份证排序

    算法提高 身份证排序   时间限制:1.0s   内存限制:256.0MB      问题描述 安全局搜索到了一批(n个)身份证号码,希望按出生日期对它们进行从大到小排序,如果有相同日期,则按身份证号 ...

  2. Virtools元素、类和面向对象设计

    无意中发现了在某个不存在的网站( https://sites.google.com )上,还存有09年写的一些半成品教材,下面这篇文章就是其中一部分. 概述 Virtools将元素(Element)组 ...

  3. HTTP1.1 协议

    Response Headers 响应头 Expires 设置响应内容的过期时间 过期时间头信息属性值只能是HTTP格式的日期时间,HTTP的日期时间必须是格林威治时 间(GMT),而不是本地时间.举 ...

  4. hive中窗口分析函数

    分组统计 1. groups sets(field1,field2,field3, (field1,field2)) 样例如下: select dt,tenantCode,nvl(platform,' ...

  5. vbs中的"WScript.Network"[属性与方法]

    属性ComputerName                  计算机名UserDomain                    所属局域网域的域名UserName                 ...

  6. k8s 题目

    这几个月参与了几场面试,设计了多道面试题,觉得可以综合考察应聘人对 kubernetes的掌握情况.在这里分享下,供应聘人自查以及其他面试官参考. 这些面试题的设计初衷并不是考察 kubernetes ...

  7. 【Python】【Flask】Flask 后台发送html页面多种方法

    1.使用模板: @app.route('/') def home(): return render_template("homepage.html")#homepage.html在 ...

  8. (笔记)linux 进程和线程的区别

    进程:进程是程序执行时的一个实例,即它是程序已经执行到课中程度的数据结构的汇集.从内核的观点看,进程的目的就是担当分配系统资源(CPU时间.内存等)的基本单位. 线程:线程是进程的一个执行流,是CPU ...

  9. Android seLinux 设置

    在android O上添加服务.在访问一些路径的时出现了权限的问题,将seLinux关闭之后运行成功.所以需要设置相关的权限. 参考文档: http://blog.csdn.net/tung214/a ...

  10. Android Studio 出现 Build gradle project info

    导入Android Studio,一直停留在Build gradle project info.主要是因为google被墙,下载gradle很慢,有时候设置下载不成功. 参考链接 http://blo ...