漂浮的图片

<!--首页图片漂浮开始-->
 <script type="text/javascript"
language="javascript">
          
function addEvent(obj, evtType, func, cap)
{
              
cap = cap ||
false;
              
if (obj.addEventListener)
{
                  
obj.addEventListener(evtType, func,
cap);
                  
return
true;
              
} else if (obj.attachEvent)
{
                  
if (cap)
{
                      
obj.setCapture();
                      
return
true;
                  
} else
{
                      
return obj.attachEvent("on" + evtType,
func);
                  
}
              
} else
{
                  
return
false;
              
}
          
}
           function
getPageScroll()
{
              
var xScroll,
yScroll;
              
if (self.pageXOffset)
{
                  
xScroll =
self.pageXOffset;
              
} else if (document.documentElement &&
document.documentElement.scrollLeft)
{
                  
xScroll =
document.documentElement.scrollLeft;
              
} else if (document.body)
{
                  
xScroll =
document.body.scrollLeft;
              
}
              
if (self.pageYOffset)
{
                  
yScroll =
self.pageYOffset;
              
} else if (document.documentElement &&
document.documentElement.scrollTop)
{
                  
yScroll =
document.documentElement.scrollTop;
              
} else if (document.body)
{
                  
yScroll =
document.body.scrollTop;
              
}
              
arrayPageScroll = new Array(xScroll,
yScroll);
              
return
arrayPageScroll;
          
}
           function
GetPageSize()
{
              
var xScroll,
yScroll;
              
if (window.innerHeight && window.scrollMaxY)
{
                  
xScroll =
document.body.scrollWidth;
                  
yScroll = window.innerHeight +
window.scrollMaxY;
              
} else if (document.body.scrollHeight > document.body.offsetHeight)
{
                  
xScroll =
document.body.scrollWidth;
                  
yScroll =
document.body.scrollHeight;
              
} else
{
                  
xScroll =
document.body.offsetWidth;
                  
yScroll =
document.body.offsetHeight;
              
}
              
var windowWidth,
windowHeight;
              
if (self.innerHeight)
{
                  
windowWidth =
self.innerWidth;
                  
windowHeight =
self.innerHeight;
              
} else if (document.documentElement &&
document.documentElement.clientHeight)
{
                  
windowWidth =
document.documentElement.clientWidth;
                  
windowHeight =
document.documentElement.clientHeight;
              
} else if (document.body)
{
                  
windowWidth =
document.body.clientWidth;
                  
windowHeight =
document.body.clientHeight;
              
}
              
if (yScroll < windowHeight)
{
                  
pageHeight =
windowHeight;
              
} else
{
                  
pageHeight =
yScroll;
              
}
              
if (xScroll < windowWidth)
{
                  
pageWidth =
windowWidth;
              
} else
{
                  
pageWidth =
xScroll;
              
}
              
arrayPageSize = new Array(pageWidth, pageHeight, windowWidth,
windowHeight)
              
return
arrayPageSize;
          
}

var AdMoveConfig
= new Object();
          
AdMoveConfig.IsInitialized =
false;
          
AdMoveConfig.ScrollX =
0;
          
AdMoveConfig.ScrollY =
0;
          
AdMoveConfig.MoveWidth =
0;
          
AdMoveConfig.MoveHeight =
0;
          
AdMoveConfig.Resize = function ()
{
              
var winsize =
GetPageSize();
              
AdMoveConfig.MoveWidth =
winsize[2];
              
AdMoveConfig.MoveHeight =
winsize[3];
              
AdMoveConfig.Scroll();
          
}
          
AdMoveConfig.Scroll = function ()
{
              
var winscroll =
getPageScroll();
              
AdMoveConfig.ScrollX =
winscroll[0];
              
AdMoveConfig.ScrollY =
winscroll[1];
          
}
          
addEvent(window, "resize",
AdMoveConfig.Resize);
          
addEvent(window, "scroll",
AdMoveConfig.Scroll);
          
function AdMove(id)
{
              
if (!AdMoveConfig.IsInitialized)
{
                  
AdMoveConfig.Resize();
                  
AdMoveConfig.IsInitialized =
true;
              
}
              
var obj =
document.getElementById(id);
              
obj.style.position =
"absolute";
              
var W = AdMoveConfig.MoveWidth -
obj.offsetWidth;
              
var H = AdMoveConfig.MoveHeight -
obj.offsetHeight;
              
var x = W * Math.random(), y = H *
Math.random();
              
var rad = (Math.random() + 1) * Math.PI /
6;
              
var kx = Math.sin(rad), ky =
Math.cos(rad);
              
var dirx = (Math.random() < 0.5 ? 1 : -1), diry = (Math.random() < 0.5 ? 1
:
-1);
              
var step =
1;
              
var
interval;
              
this.SetLocation = function (vx, vy) { x = vx; y = vy;
}
              
this.SetDirection = function (vx, vy) { dirx = vx; diry = vy;
}
              
obj.CustomMethod = function ()
{
                  
obj.style.left = (x + AdMoveConfig.ScrollX) +
"px";
                  
obj.style.top = (y + AdMoveConfig.ScrollY) +
"px";
                  
rad = (Math.random() + 1) * Math.PI /
6;
                  
W = AdMoveConfig.MoveWidth -
obj.offsetWidth;
                  
H = AdMoveConfig.MoveHeight -
obj.offsetHeight;
                  
x = x + step * kx *
dirx;
                  
if (x < 0) { dirx = 1; x = 0; kx = Math.sin(rad); ky = Math.cos(rad);
}
                  
if (x > W) { dirx = -1; x = W; kx = Math.sin(rad); ky = Math.cos(rad);
}
                  
y = y + step * ky *
diry;
                  
if (y < 0) { diry = 1; y = 0; kx = Math.sin(rad); ky = Math.cos(rad);
}
                  
if (y > H) { diry = -1; y = H; kx = Math.sin(rad); ky = Math.cos(rad);
}
              
}
              
this.Run = function ()
{
                  
var delay =
10;
                  
interval = setInterval(obj.CustomMethod,
delay);
                  
obj.onmouseover = function () { clearInterval(interval);
}
                  
obj.onmouseout = function () { interval = setInterval(obj.CustomMethod, delay);
}
              
}
          
}
</script>
<!--漂浮开始-->
 <DIV id=ad2
style="Z-INDEX: 5;position:relative">

<a href=‘PoliceHTk.aspx‘ target=‘_blank‘><IMG
src="images/fudong/fudong.jpg" width="230" height="150" border="0" >
</a><br> <a href="#"
onclick="document.getElementById(‘ad2‘).style.display=‘none‘">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
border=0 src=images/fudong/close1.gif
/></a>
<!--漂浮结束-->
</DIV>
<script
type="text/javascript" language="javascript">

var ad2 = new AdMove("ad2");
   
ad2.Run();
    //多组漂浮
 
</script>
<!--
首页图片漂浮结束 -->

漂浮的图片,布布扣,bubuko.com

时间: 2024-10-05 09:24:09

漂浮的图片的相关文章

点击消失的漂浮广告图片

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>---点击消失的漂浮广告图片-石家庄铜门|河北叉车</title> </head> <body> <script language="javascript1.2"> var

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

<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></d

Android 的漂浮动画,下雪动画

因工作需要最近在研究了动画,下文的代码取自http://blog.csdn.net/tianjian4592/article/details/45157787,原文没有源码,但是博主把关键代码都给了,此人很牛,动画绘制这块文章写的很细,容易理解,建议去看下,自己稍作修改,调通,作为笔记,来解决他人思路,来实现工作需求:先看下效果: 1.先得了解下canvas.drawBitmap(mBitmap, mSrcRect, mDestRect, mBitPaint); 在绘制图片时,使用,参数分别,图

无法屏蔽的左右漂浮图片对联广告

<!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> <title>无法屏蔽的左右漂浮图片对联广告丨河北塑胶地

页面上无法屏蔽的左右两侧的漂浮图片广告

<!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> <title>页面上无法屏蔽的左右两侧的漂浮图片广告丨电

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

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

图片漂浮

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>图片漂浮</title> <style type="text/css"> *{margin:0;padding: 0;} #box{ position: absolute; top: 0px; left: 0px; } <

jquery实现的让图片在网页的可视区域里四处漂浮的效果

本文分享给大家一个用jquery开发的图片漂浮效果. jquery图片漂浮效果,常见的就是网页里四处漂来漂去的广告了,漂到边缘时还会反弹和拐弯. 下面来看具体的代码,先看要实现漂亮效果的这个jquery插件的源码: (function($){ $.fn.adFloat=function(options){ return new AdFloat(this,options); } var AdFloat=function(element,options){ this.element=$(elemen

随机漂浮图片广告实例代码

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>漂浮广告代码-蚂蚁部落</title><style type="text/css">#thediv{ z-i