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/ ...
随机推荐
- ubuntu apt-get 安装指定版本软件
有时候 Ubuntu安装软件时候会提示你缺少对应版本的软件,这时候你就需要用到 sudo apt-get install softname=version 来安装对应的软件. sudo apt-get ...
- Adroid我还是个菜鸟——导入jar包
AndroidStudio怎样导入jar包 原文地址:http://jingyan.baidu.com/article/e6c8503c7190b7e54f1a1893.html AndroidStu ...
- Android——开机启动功能（Service和BroadcastReceiver）
BroadcastReceiver(广播接收器):发出广播让服务器去接收 BootReceiver.java package com.example.chenshuai.test321; import ...
- Android——Service装取数据
在Service里面装数据,从Activity里面用serviceConnection取数据 xml <?xml version="1.0" encoding="u ...
- font-face 跨域解决
nginx 里设置@font-face 跨域 server { ... # Fix @font-face cross-domain restriction in Firefox location ~* ...
- Android开发-httpclient兼容性问题
据说android 6.0之后已经将Apache Http Client移出SDK,build时出现“Unable to find optional library: org.apache.http. ...
- [zhuan]《MEF程序设计指南》博文汇总
http://www.cnblogs.com/beniao/archive/2010/08/11/1797537.html 在MEF之前,人们已经提出了许多依赖注入框架来解决应用的扩展性问题,比如OS ...
- USB2.0学习笔记连载（十七）：keil实现寄存器的配置及相关函数讲解（一）
首先要实现对寄存器的配置,可以参考手册<Development kit User Guide>,如下图所示: 此文件包含在 文件中.上述的应用文档详细介绍了如何利用KEIL实现对固件程序 ...
- idea+maven无法自动加载jar包
没有配置maven的环境变量所致 执行mvn -version进行检测
- Selenium常用操作汇总二——如何操作select下拉框
下面我们来看一下selenium webdriver是如何来处理select下拉框的,以http://passport.51.com/reg2.5p这个页面为例.这个页面中有4个下拉框,下面演示4种选 ...