<!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. 【Java笔记】配置文件java.util.Properties类的使用

    配置文件的路径:项目名/src/main/resources/mmall.properties mmall.properties的内容是键值对.例如假设写了ftp服务器的一些信息. ftp.serve ...

  2. adi 程序烧写

    3.2 U-Boot Console Output Here we need set up minicom to open target board serial console. sudo mini ...

  3. Aspose Linux下字体找不到报错

    http://www.aspose.com/docs/display/cellsnet/Smart+Markers http://www.aspose.com/docs/display/cellsja ...

  4. PropertyChangeSupport

    1 import java.beans.PropertyChangeListener; import java.beans.PropertyChangeSupport; /** * @author h ...

  5. JavaScript（九）：JavaScript中的内置对象

    一.对象的概念 对象是一种特殊的数据类型(object). 拥有一系列的属性和方法. 分为内置对象和自定义对象. 二.String对象 String对象用来支持对于字符串的处理. 1.属性 lengt ...

  6. hbase分页应用场景及分页思路与代码实现

    转自:http://www.aboutyun.com/forum.php?mod=viewthread&tid=7030&extra=page=1 可以带着下面问题来阅读1.hbase ...

  7. Textrank权值提取文本标签提取：

    Textrank权值提取文本标签提取: 我已经爬取到了指定博主的新浪微博,然后我想从微博中提取出可以代表该博主兴趣特征的100个关键词,然后由这100个关键词提取出10个标签,代表博主的兴趣.我们此处 ...

  8. Hadoop开发相关问题

    总结自己在Hadoop开发中遇到的问题,主要在mapreduce代码执行方面.大部分来自日常代码执行错误的解决方法,还有一些是对Java.Hadoop剖析.对于问题,通过查询stackoverflow ...

  9. 字符串分隔 ->连续输入字符串，请按长度为8拆分每个字符串后输出到新的字符串数组； •长度不是8整数倍的字符串请在后面补数字0，空字符串不处理。

        •连续输入字符串,请按长度为8拆分每个字符串后输出到新的字符串数组:•长度不是8整数倍的字符串请在后面补数字0,空字符串不处理. 输入描述: 连续输入字符串(输入2次,每个字符串长度小于100 ...

  10. Zend Framework2 入门教程（转）

    转载自: http://my.oschina.net/lai1362000/blog/201301 重申:这本书作者的截图我都放上去了,没侵权啊. 别问那么多,我只是一个安静的搬砖工. 摘要 Zend ...