<!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. logistic回归学习

    logistic回归是一种分类方法,用于两分类的问题,其基本思想为: 寻找合适的假设函数,即分类函数,用来预测输入数据的结果: 构造损失函数,用来表示预测的输出结果与训练数据中实际类别之间的偏差: 最 ...

  2. Mac下配置Apache Httpd的Https/SSL

    Mac下配置Apache Httpd的Https/SSL httpd版本: httpd-2.4.17 jdk版本: jdk1.8.0_65 参考来源: Mac下安装Apache Httpd Mac O ...

  3. redis详细配置文件

    redis 单机版自己指定配置 #修改为守护模式 daemonize yes #设置进程锁文件 pidfile /usr/local/redis/redis.pid #端口 port 6379 #客户 ...

  4. VBA中数据库导出数据到Excel注意事项

    Sub ReadDBData() On Error GoTo ErrorHand Dim dbHelper As New dbHelper Dim sqlSQL As String Dim rs As ...

  5. golang sqrt error练习

      练习:错误 从先前的练习中复制 Sqrt 函数,并修改使其返回 error 值. 由于不支持复数,当 Sqrt 接收到一个负数时,应当返回一个非 nil 的错误值. 创建一个新类型 type Er ...

  6. window10删除导航栏中的onedrive

    前面介绍了如何删除导航栏中的“快速访问”,对于一个根本用不着的“oneDrive”肯定也得搞掉. 0.处理前: 1.卸载onedrive是不能清除导航栏里面的onedrive的,进入注册表regedi ...

  7. JavaScript世界的一等公民—— 函数

    简介 在很多传统语言(C/C++/Java/C#等)中,函数都是作为一个二等公民存在,你只能用语言的关键字声明一个函数然后调用它,如果需要把函数作为参数传给另一个函数,或是赋值给一个本地变量,又或是作 ...

  8. http://www.gasi.ch/blog/inside-deep-zoom-2/

    Inside Deep Zoom – Part II: Mathematical Analysis Welcome to part two of Inside Deep Zoom. In part o ...

  9. 关于Unity中鼠标选取物体的解决方案

    今天修改了之前写的飞机大战的代码,原来的不足之处是点击屏幕的任意一点都可以移动飞机,也就是没有检测鼠标到底有没有点到飞机上. 我先是用之前的3D拾取技术,发现没有反应,才意识到我这个plane飞机节点 ...

  10. (笔记)Linux线程编译undefined reference to 'pthread_create'

    在使用线程时,使用gcc或arm-linux-gcc编译时,会出现错误:undefined reference to 'pthread_create' 主要是以下两种原因: 1.#include &l ...