|
首页浮动图片角本
下面是引用我来啦~于2005-11-02 13:36发表的:
这个是js的代码,你在首页上抄过去就行了:) - <SCRIPT LANGUAGE="JavaScript">
- <!-- Begin
- var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
- var _all = '';
- var _style = '';
- var wwidth, wheight;
- var ydir = '++';
- var xdir = '++';
- var id1, id2, id3;
- var x = 1;
- var y = 1;
- var x1, y1;
- if(!isNS) {
- _all='all.';
- _style='.style';
- }
- function getwindowsize() {
- clearTimeout(id1);
- clearTimeout(id2);
- clearTimeout(id3);
- if (isNS) {
- wwidth = window.innerWidth - 55;
- wheight = window.innerHeight - 50;
- } else {
- wwidth = document.body.clientWidth - 55;
- wheight = document.body.clientHeight - 50;
- }
- id3 = setTimeout('randomdir()', 20000);
- animate();
- }
- function randomdir() {
- if (Math.floor(Math.random()*2)) {
- (Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
- } else {
- (Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
- }
- id2 = setTimeout('randomdir()', 20000);
- }
- function animate() {
- eval('x'+xdir);
- eval('y'+ydir);
- if (isNS) {
- pic1.moveTo((x+pageXOffset),(y+pageYOffset))
- } else {
- pic1.pixelLeft = x+document.body.scrollLeft;
- pic1.pixelTop = y+document.body.scrollTop;
- }
- if (isNS) {
- if (pic1.top <= 5+pageYOffset) ydir = '++';
- if (pic1.top >= wheight+pageYOffset) ydir = '--';
- if (pic1.left >= wwidth+pageXOffset) xdir = '--';
- if (pic1.left <= 5+pageXOffset) xdir = '++';
- } else {
- if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
- if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
- if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
- if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
- }
- id1 = setTimeout('animate()', 30);
- }
- // End -->
- </script>
- <style type="text/css">
- <!--
- .style1 {color: #FF0000}
- -->
- </style>
- </head>
- <LINK
- href="css.css" type=text/css rel=stylesheet>
- <div id="pic1" style="position:absolute; visibility:visible; left:0px; top:0px; z-index:1">
- <a href="wish.php" target=_blank><img src="image/temp/xuyuan.gif" border=0></a>
- </div>
- <script language="javascript">
- var pic1=eval('document.'+_all+'pic1'+_style);
- </script>
- </head>
- <BODY leftMargin=0 topMargin=0 background="01img/bg01.jpg" onLoad="getwindowsize()" OnResize="getwindowsize()">
- </body>
- <style type="text/css">
- #floater {
- position: absolute;
- left: 500;
- top: 146;
- width: 125;
- visibility: visible;
- z-index: 10;
- }</style>
- <!-- <div ID="floater" style="left: 0px; top: 300px">
- <p align="center">
- <img SRC="01img\left.gif" border="0">
- </div> --><script LANGUAGE="JavaScript">
- self.onError=null;
- currentX = currentY = 0;
- whichIt = null;
- lastScrollX = 0; lastScrollY = 0;
- NS = (document.layers) ? 1 : 0;
- IE = (document.all) ? 1: 0;
- <!-- STALKER CODE -->
- function heartBeat() {
- if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
- if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
- if(diffY != lastScrollY) {
- percent = .1 * (diffY - lastScrollY);
- if(percent > 0) percent = Math.ceil(percent);
- else percent = Math.floor(percent);
- if(IE) document.all.floater.style.pixelTop += percent;
- if(NS) document.floater.top += percent;
- lastScrollY = lastScrollY + percent;
- }
- if(diffX != lastScrollX) {
- percent = .1 * (diffX - lastScrollX);
- if(percent > 0) percent = Math.ceil(percent);
- else percent = Math.floor(percent);
- if(IE) document.all.floater.style.pixelLeft += percent;
- if(NS) document.floater.left += percent;
- lastScrollX = lastScrollX + percent;
- }
- }
- <!-- /STALKER CODE -->
- <!-- DRAG DROP CODE -->
- function checkFocus(x,y) {
- stalkerx = document.floater.pageX;
- stalkery = document.floater.pageY;
- stalkerwidth = document.floater.clip.width;
- stalkerheight = document.floater.clip.height;
- if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
- else return false;
- }
- function grabIt(e) {
- if(IE) {
- whichIt = event.srcElement;
- while (whichIt.id.indexOf("floater") == -1) {
- whichIt = whichIt.parentElement;
- if (whichIt == null) { return true; }
- }
- whichIt.style.pixelLeft = whichIt.offsetLeft;
- whichIt.style.pixelTop = whichIt.offsetTop;
- currentX = (event.clientX + document.body.scrollLeft);
- currentY = (event.clientY + document.body.scrollTop);
- } else {
- window.captureEvents(Event.MOUSEMOVE);
- if(checkFocus (e.pageX,e.pageY)) {
- whichIt = document.floater;
- StalkerTouchedX = e.pageX-document.floater.pageX;
- StalkerTouchedY = e.pageY-document.floater.pageY;
- }
- }
- return true;
- }
- function moveIt(e) {
- if (whichIt == null) { return false; }
- if(IE) {
- newX = (event.clientX + document.body.scrollLeft);
- newY = (event.clientY + document.body.scrollTop);
- distanceX = (newX - currentX); distanceY = (newY - currentY);
- currentX = newX; currentY = newY;
- whichIt.style.pixelLeft += distanceX;
- whichIt.style.pixelTop += distanceY;
- if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
- if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
- if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
- if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
- event.returnValue = false;
- } else {
- whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
- if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
- if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
- if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
- if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
- return false;
- }
- return false;
- }
- function dropIt() {
- whichIt = null;
- if(NS) window.releaseEvents (Event.MOUSEMOVE);
- return true;
- }
- <!-- DRAG DROP CODE -->
- if(NS) {
- window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
- window.onmousedown = grabIt;
- window.onmousemove = moveIt;
- window.onmouseup = dropIt;
- }
- if(IE) {
- document.onmousedown = grabIt;
- document.onmousemove = moveIt;
- document.onmouseup = dropIt;
- }
- if(NS || IE) action = window.setInterval("heartBeat()",1);
- </script>
复制代码 |
|