<!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. postgresql with递归

    在PostgreSQL里,with子句提供了一种方法写一个大的查询中使用的辅助报表与查询.它有助于打破复杂和大型查询简单易读的形式. 1. 建表 postgres=# create table tb9 ...

  2. led子系统

    最简单的led驱动就是从端口输出0或1来关闭或点亮灯.而我们这里讲的led子系统,主要是对led事件进行了分装和优化,这里我们主要讲的是可 以实现跨平台的led驱动.不管你是使用三星的平台,还是Atm ...

  3. Java 9中的 9个 新特性

    Java 9 中的 9个 新特性 java 7 2011发布,Java 8 2014发布,java9发布于2017年9月21日. 你可能已经听说过 Java 9 的模块系统,但是这个新版本还有许多其它 ...

  4. Telegraf+InfluxDB+Grafana快速搭建实时监控系统 监控postgresql

    Telegraf+InfluxDB+Grafana快速搭建实时监控系统  监控postgresql

  5. css 超详细文档

    http://www.runoob.com/css/css-boxmodel.html

  6. Java 高效并发之volatile关键字解析

    摘录 1. 计算机在执行程序时,每条指令都是在CPU中执行的,而执行指令过程中,势必涉及到数据的读取和写入.由于程序运行过程中的临时数据是存放在主存(物理内存)当中的,这时就存在一个问题,由于CPU执 ...

  7. Androidn Notification的使用,解决找不到setLatestEventInfo方法

    转自:http://blog.csdn.net/songyachao/article/details/51245370#comments 今天使用4.0.3使用 Notification notifi ...

  8. [Intellij] 软件设置和常用快捷键

    理解Project 和 Module 一个 Project 是由一个或多个 Module 组成,模块之间尽量是处在同一个项目业务的的情况下,彼此之间互相依赖关联.如: Project : spring ...

  9. Qt判断操作系统代码

    Qt4的时候是如下宏定义.Qt5,有所不同.   #include <QtGlobal> ... #ifdef Q_OS_MAC // mac #endif #ifdef Q_OS_LIN ...

  10. USB学习笔记连载（八）：FX2替换到FX2LP需要注意事项

    对于使用FX2的用户,可以升级到FX2LP,上述的应用笔记<AN4078-C>中就讲解了在升级中的注意事项.   必要的修改:   1.晶振的匹配电容需要更改,FX2LP是12pF,不过笔 ...