<!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. [watchdog]内核失败的重启方案

    1 在内核中配置看门狗驱动Linux-2.6.32.2 内核具有完善的S3C2440 的看梦狗驱动,我们只需配置一下就可以使用了.在内核源代码目录执行:make menuconfig,进入内核配置主菜 ...

  2. lvreduce -L 1000M /dev/vg0/lv0 表示最后缩减至多大,不是减少了多大

    resize2fs在前 lvextend 在后 将/dev/vg0/lv0缩减到1000M umount /lv/ 取消挂载 [root@desktop4 ~]# e2fsck -f /dev/vg0 ...

  3. jqgrid 查询

    <!DOCTYPE html> <html lang="en" lang="en" xmlns="http://www.w3.org ...

  4. Spring Boot 自定义属性 以及 乱码问题

    自定义属性 使用随机数及自定义配置类 中文乱码问题 1添加配置 2设置文件类型 1IDEA 2eclipse 自定义属性 application.properties提供自定义属性的支持,这样我们就可 ...

  5. gclient多源码管理工具 DEPS文件

    gclient来管理源码的checkout, update等. gclient是google专门为这种多源项目编写的脚本,它可以将多个源码管理系统中的代码放在一起管理.甚至包括将Git和svn代码放在 ...

  6. MATLAB2012a_for_win7_64

    matlab 2012b是mathworks官网发布的一款功能强大.性能稳定的商业数学软件,新版本采用了全新的视图界面,具有MATLAB和Simulink的重大更新,可显著提升用户的使用与导航体验.比 ...

  7. 很简单的在Ubuntu系统下安装字体和切换默认字体的方法

    摘要: Ubuntu系统安装好后,默认字体对于中文的支持看上去不太美丽,于是很多朋友可能需要设置系统的默认字体为自己喜欢的字体.本文主要介绍如何解决这两个问题. 说明:测试系统是Ubuntu14.04 ...

  8. Ubuntu18.04 + cuda9.0+cudnn7.0

    1 cannot find Toolkit in /usr/local/cuda-8.0 2017年05月27日 17:37:33 阅读数:2754  对于新版本ubuntukylin17.04安装C ...

  9. ubuntu 挂载硬盘

    https://cndaqiang.github.io/2017/10/11/ubuntu-disk/ 查看硬盘 查看方法一 查看/dev下面的设备文件 ll -h /dev/sd* 通过sudo f ...

  10. python3 解决zip解压中文乱码问题，亲测可用， ZipFile

    中文乱码是个很头疼的问题,找了好久都没用找到解决办法 后来也忘了在哪儿找到的解决办法, 很久以前了,但不可行, 解决了思路 在源码里面想要修改内容 if flags & 0x800: # UT ...