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/ ...
随机推荐
- [cpu]cpu unused pin应该怎样从硬件和软件上处理
Micro Community 1. This is a common question with lots of replies and lots of opinions. Preferred op ...
- linux进程cpu资源分配命令nice,renice,taskset
进程cpu资源分配就是指进程的优先权(priority).优先权高的进程有优先执行权利.配置进程优先权对多任务环境的linux很有用,可以改善系统性能.还可以把进程运行到指定的CPU上,这样一来,把不 ...
- SERVER2012 FTP服务器和客户端配置
SERVER2012 用IIS8 搭建的FTP 默认是主动模式的,导致花了一些时间去研究如何连接,总结了一下配置,希望能帮到需要的同学,以下介绍下步骤 1.服务器--计算机管理-用户-新建用户--默认 ...
- 记录第一次使用jni编译so包的入门操作
1.配置 下载自己相对应的ndk平台版本后配置到studio 在local.properties加入路径 在gradle.properties文件添加 2.创建工具类(注意方法都是native的) 3 ...
- Bootstrap小体验
感觉很不错,给人一种清淅 明了的感觉
- 基础 | batchnorm原理及代码详解
https://blog.csdn.net/qq_25737169/article/details/79048516 https://www.cnblogs.com/bonelee/p/8528722 ...
- SQL Server 连接远程服务器
最近要用到sqlserver,将本地的数据更新到远端的sqlserver时,希望能够查看远端sqlserver数据变化. 下载Microsoft SQL Server Management Studi ...
- Tomcat 的 DefaultServlet
问题描述: 群里有人测试 Spring MVC,没有配置任何Controller,只配置了一个view resolver,指定了前缀后缀. 然后,他问的是 当访问 localhost:8080/tes ...
- C语言中重要的小知识汇总
用于整理记录一些C语言下的小知识点: 1. 在C语言中,怎么查看一个数据类型占用了多少个字节大小呢? 可以使用sizeof(int)/sizeof(double)等来查看某数据类型到底用了几个字节: ...
- Windows命令处理进程
1. 查看进程命令 tasklist 2.以翻页模式查看进程 tasklist | more 3.搜索关键字查找进程 tasklist | findstr "cmd" ...