js跟随的广告
<!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跟随的广告的更多相关文章
- Js弹性漂浮广告代码
<html><head><meta http-equiv="Content-Type" content="text/html; charse ...
- js跟随鼠标移动的写法
<script> window.onload=function(){ document.onmousemove=function (ev) { var oEvent=ev||event; ...
- js定时显示广告代码
这是一则定时显示广告的javascript代码,当然也可以定时显示某一区块内容,很实用. 代码如下: function strToDate(str, ext) { if (str == null || ...
- [Js]跟随鼠标移动的div
例子:鼠标移动到一块东西上,出现提示文本框,并且提示文本框跟着鼠标的位置动 document.onmouseover=function(ev){ var oEvent=ev||event; var b ...
- JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂 ...
- JS网页顶部弹出可关闭广告图层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jquery中的each用法以及js中的each方法实现实例
each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$ ...
- DNS弹窗广告遭遇
事情是这样的,不久前,我跟往常一样打开某新闻网页的时候,发现右下角有弹窗广告,并且在原页面任意位置点击,都会打开一个广告页面,然后原页面才能正常点击,手法太低劣了,不像是网站挂的广告,然后打开其它网页 ...
- js单击输入框后弹出提示信息效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- C语言 · 集合运算
算法训练 集合运算 时间限制:1.0s 内存限制:512.0MB 问题描述 给出两个整数集合A.B,求出他们的交集.并集以及B在A中的余集. 输入格式 第一行为一个整数n,表示集合A中的 ...
- Linux watchdog 关闭退出功能
Linux 程序退出的时候,程序是会把 watchdog 调用 release 功能.
- sam9260 adc 头文件
/* * driver/char/at91_adc.h * * Copyright (C) 2007 Embedall Technology Co., Ltd. * * Analog-to-digit ...
- Android ——多线程处理之多线程用法大集合（转）
原文地址:http://blog.csdn.net/jie1991liu/article/details/16961701 另一篇地址:http://blog.sina.com.cn/s/blog_7 ...
- JMeter (3) —— JMeter录制脚本并压力测试用户登陆场景以CAS SSO为例（101 Tutorial）
JMeter (3) -- JMeter录制脚本并压力测试用户登陆场景以CAS SSO为例(101 Tutorial) 主要内容 JMeter录制脚本并进行压力测试用户登陆场景,并以CAS SSO单点 ...
- sbt使用详解
sbt使用详解 安装: 我的系统为centos6.5故采用官方提供的在线安装: curl https://bintray.com/sbt/rpm/rpm > bintray-sbt-rpm.re ...
- Lucene增删改查
IndexManager.java package com.witwicky.lucene; import java.io.File; import java.util.ArrayList; impo ...
- Scrapy安装错误：Microsoft Visual C++ 14.0 is required
问题描述 当前环境win10,python_3.6.1,64位. 在windows下,在dos中运行pip install Scrapy报错: building 'twisted.test.raise ...
- 微信小程序的json遍历
入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉. <view wx:for="{{items}}&q ...
- webpack5--css 打包
1.在 src 文件夹下面新建 css 文件夹,创建 common.css body{ background-color: #f2f2f2; } a{ color: #188eee; text-dec ...