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="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="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>
时间： 2024-10-24 14:43:18

js跟随的广告的相关文章

JS跟随鼠标旋转的图片

<html> <head> <title>JS跟随鼠标旋转的图片丨Daniel wellington</title> <script> <!-- Beginning of JavaScript - var x,y var step=5 var flag=1 var pause var timersmall var timerbig var isbigcircle=1 var pause=50 var bigradius var smallr

淡入淡出js轮播广告

淡入淡出js轮播广告,写法类似自动播放的tab选项卡,加入了淡入淡出效果. js代码: function lunbo(contClass, numArr, normalClass, hoverClass){ function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag =

JS跟随鼠标飞舞的星星

<html> <head> <title>JS跟随鼠标飞舞的星星丨梨花粉价格|草坪销售</title> </head> <body><script language="JavaScript"> if (!document.layers&&!document.all) event="test" function showtip2(current,e,text){ if

Js弹性漂浮广告代码

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Js弹性漂浮广告代码</title></head><body><DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITIO

js制作浮动广告

-----------------------------------------------------------------------------------------------------------------css @charset "gb2312";/* CSS Document */ body{ margin:0; margin-top:3px; padding:0; font-size:12px; line-height:20px; color:#333;}.f

js跟随鼠标移动的写法

<script> window.onload=function(){ document.onmousemove=function (ev) { var oEvent=ev||event; var oDiv=document.getElementById('div1'); oDiv.style.left=oEvent.clientX+'px'; oDiv.style.top=oEvent.clientY+'px'; }; } </script> 不要忘记给跟随的标签设置绝对定位

JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码

基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name

jquery中的each用法以及js中的each方法实现实例

each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量. 下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); a

让javascript加载速度倍增的方法(解决JS加载速度慢的问题)

通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊, 一堆,最后弄得页面加载速度很慢,很慢. 解决办法:换一个js包含的方式,让javascript加载速度倍增. 把通常加载方式: <script src="xxxx.js"></script> 改变成: 代码如下: <script type="text/javascript"> document.write("<scr