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#使用线程池创建线程
using System; using System.Threading; public class Example { public static void Main() { // Queue th ...
- Feign从配置文件中读取url
Feign的url和name都是可配置的,就是从配置文件中读取的属性值,然后用占位符引用就可以了: ${rpc.url} @FeignClient(name = "me", url ...
- LInux 文件系统 tmpfs 分区不显示解决
因为不小心把 kernel 的 tmpfs 的选项去掉,导致 文件系统内的 tmpfs 分区不显示. kernel 打开如下选项即可 在文件系统内就会有相关显示
- jqgrid 查询
<!DOCTYPE html> <html lang="en" lang="en" xmlns="http://www.w3.org ...
- 基于Zookeeper的分步式队列系统集成案例
基于Zookeeper的分步式队列系统集成案例 Hadoop家族系列文章,主要介绍Hadoop家族产品,常用的项目包括Hadoop, Hive, Pig, HBase, Sqoop, Mahout, ...
- 内存映射文件（Memory-Mapped File）
Java Memory-Mapped File所使用的内存分配在物理内存而不是JVM堆内存,且分配在OS内核. 1: 内存映射文件及其应用 - 实现一个简单的消息队列 / 计算机程序的思维逻辑 在一般 ...
- Android跳转系统界面_大全集
1.跳转Setting应用列表(所有应用) Intent intent = new Intent(Settings.ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS); ...
- css布局你该了解的
记录一下: static :默认值:默认布局. fixed :固定定位:类似于absolute,但不随着滚动条的移动而改变位置. float: 给元素的float属性赋值后,就是脱离文档流,进行左右浮 ...
- Sword protobuf学习二
编写protobuf消息文件 文件格式: xxx.proto //标明使用哪个版本的protobuf,默认2.0版本 syntax = "proto3"; //类似于c++中的na ...
- 【Html】Clipboard.js 实现点击复制，剪切板操作
可以使用cdn 或者直接下载 设置好引用路径(百度云下载) <script type="text/javascript" src="./dist/clipboard ...