网页特效”漂浮广告代码”来回跳动的

<div id="ad" style="position:absolute">
<a
href="http://www.scshlx.com/wayne173" target="_blank">
<img
src="http://www.hxlysw.com/images/adminlogo.gif"
border="0">
</a></div>
<script
type="text/javascript">
var x = 50,y = 60;
var xin = true, yin =
true;
var step = 1;
var delay = 10;
var
obj=document.getElementById("ad");
function floatAD() {
var L=T=0;
var
R= document.body.clientWidth-obj.offsetWidth;
var B =
document.body.clientHeight-obj.offsetHeight;
obj.style.left = x +
document.body.scrollLeft + "px";
obj.style.top = y + document.body.scrollTop
+ "px";
x = x + step*(xin?1:-1);
if (x < L) { xin = true; x = L;}
if
(x > R){ xin = false; x = R;} 
y = y + step*(yin?1:-1); 
if
(y < T) { yin = true; y = T; } 
if (y > B) { yin = false; y = B;

}
var itl= setInterval(floatAD,
delay); 
obj.onmouseover=function(){clearInterval(itl);} 
obj.onmouseout=function(){itl=setInterval(floatAD,
delay);}
&lt;/script&gt;
&lt;SCRIPT
LANGUAGE="JavaScript"&gt; 
var s = "网页可见区域宽 :"+
document.body.clientWidth; 
s += "\r\n网页可见区域高:"+
document.body.clientHeight; 
s += "\r\n网页可见区域高:"+
document.body.offsetHeight +" (包括边线的宽)"; 
s += "\r\n网页正文全文宽:"+
document.body.scrollWidth; 
s += "\r\n网页正文全文高:"+
document.body.scrollHeight; 
s += "\r\n网页被卷去的高:"+
document.body.scrollTop; 
s += "\r\n网页被卷去的左:"+
document.body.scrollLeft; 
s += "\r\n网页正文部分上:"+
window.screenTop; 
s += "\r\n网页正文部分左:"+ window.screenLeft; 
s +=
"\r\n屏幕分辨率的高:"+ window.screen.height; 
s += "\r\n屏幕分辨率的宽:"+
window.screen.width; 
s += "\r\n屏幕可用工作区高度:"+
window.screen.availHeight; 
s += "\r\n屏幕可用工作区宽度:"+
window.screen.availWidth; 
document.write(s); 
&lt;/script&gt;

http://www.t1xy.com/wayne173 //换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面

http://www.t1xy.com/images/adminlogo.gif //换成是漂浮广告图片的URL地址,最好采用绝对路径
var
x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin
= true
//判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var
step = 1 //层移动的步长,值越大移动速度越快
var delay = 10
//层移动的时间间隔,单位为毫秒,值越小移动速度越快

网页特效”漂浮广告代码”来回跳动的,布布扣,bubuko.com

时间: 2024-10-01 15:16:24

网页特效”漂浮广告代码”来回跳动的的相关文章

JS带关闭按钮的网页漂浮广告代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absolute; left: 

常用网页漂浮广告代码

<body bgcolor="#F7F7F7"><!--图片漂浮广告代码开始--><div id="www_qpsh_com" style="position:absolute"><!--链接地址--><a href="http://www.balidaoyou.cn" _fcksavedurl="/" target="_blank"

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

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

漂浮广告代码兼容ie、firefox,多个漂浮不冲突,调用只需两行代码

原文:漂浮广告代码兼容ie.firefox,多个漂浮不冲突,调用只需两行代码 将广告内容放在div中,设置一个id,然后用下面方法调用var adcls=new AdMove("div的id");adcls.Run();注意,在调用前要先引用Main.js和AdFloat.js,div也要在调用前写好,原因就不用说了吧或者也可以用下面方法,在页面加载完成时调用,就不用考虑位置了addEvent(window,"load",initad);function inita

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漂浮广告代码

<html><head><title>漂浮广告</title><body><div id="codefans_net" style="position:absolute"><!--链接地址--><a href="#" target="_blank"><!--图片地址--><img src="/images

超简单漂浮广告代码、网页漂浮广告代码、jQuery漂浮广告、div漂浮层

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 7 &l

网页特效、Javascript代码,包括跑马灯、打字插效、不停变色的文字

 闲时收集一引动代码和大家分享 一.不停变色的文字 <HTML> <HEAD> <TITLE></TITLE> <META NAME="GENERATOR" Content="Microsoft Visual Studio"> <META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8"

经典的js物理弹性漂浮图片广告代码

比较经典通用的Js物理弹性漂浮广告代码,漂浮速度适中.大小适中,是最经典最标准的漂浮广告代码了,推荐给大家使用.不过漂浮广告在一个页面上最好不要放太多,否则很影响网站浏览体验,得不偿失. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>经典的js物理弹性漂浮图片广告代码丨kiddy&l