|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <meta http-equiv="X-UA-Compatible" content="chrome=1"> | | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
- |
| |
- | <SCRIPT LANGUAGE="JavaScript">
| |
- | <!--
| |
- | floatX=10;
| |
- | floatY=10;
| |
- | layerwidth=100;
| |
- | layerheight=130;
| |
- | halign="center";
| |
- | valign="center";
| |
- | delayspeed=3;
| |
- |
| |
- | // This script is copyright (c) Henrik Petersen, NetKontoret
| |
- | // Feel free to use this script on your own pages as long as you do not change it.
| |
- | // It is illegal to distribute the script as part of a tutorial / script archive.
| |
- | // Updated version available at: http://www.echoecho.com/toolfloatinglayer.htm
| |
- | // This comment and the 4 lines above may not be removed from the code.
| |
- |
| |
- | NS6=false;
| |
- | IE4=(document.all);
| |
- | if (!IE4) {NS6=(document.getElementById);}
| |
- | NS4=(document.layers);
| |
- |
| |
- | function adjust() {
| |
- | if ((NS4) || (NS6)) {
| |
- | if (lastX==-1 || delayspeed==0)
| |
- | {
| |
- | lastX=window.pageXOffset + floatX;
| |
- | lastY=window.pageYOffset + floatY;
| |
- | }
| |
- | else
| |
- | {
| |
- | var dx=Math.abs(window.pageXOffset+floatX-lastX);
| |
- | var dy=Math.abs(window.pageYOffset+floatY-lastY);
| |
- | var d=Math.sqrt(dx*dx+dy*dy);
| |
- | var c=Math.round(d/10);
| |
- | if (window.pageXOffset+floatX>lastX) {lastX=lastX+delayspeed+c;}
| |
- | if (window.pageXOffset+floatX<lastX) {lastX=lastX-delayspeed-c;}
| |
- | if (window.pageYOffset+floatY>lastY) {lastY=lastY+delayspeed+c;}
| |
- | if (window.pageYOffset+floatY<lastY) {lastY=lastY-delayspeed-c;}
| |
- | }
| |
- | if (NS4){
| |
- | document.layers['floatlayer'].pageX = lastX;
| |
- | document.layers['floatlayer'].pageY = lastY;
| |
- | }
| |
- | if (NS6){
| |
- | document.getElementById('floatlayer').style.left=lastX;
| |
- | document.getElementById('floatlayer').style.top=lastY;
| |
- | }
| |
- | }
| |
- | else if (IE4){
| |
- | if (lastX==-1 || delayspeed==0)
| |
- | {
| |
- | lastX=document.body.scrollLeft + floatX;
| |
- | lastY=document.body.scrollTop + floatY;
| |
- | }
| |
- | else
| |
- | {
| |
- | var dx=Math.abs(document.body.scrollLeft+floatX-lastX);
| |
- | var dy=Math.abs(document.body.scrollTop+floatY-lastY);
| |
- | var d=Math.sqrt(dx*dx+dy*dy);
| |
- | var c=Math.round(d/10);
| |
- | if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}
| |
- | if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}
| |
- | if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}
| |
- | if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}
| |
- | }
| |
- | document.all['floatlayer'].style.posLeft = lastX;
| |
- | document.all['floatlayer'].style.posTop = lastY;
| |
- | }
| |
- | setTimeout('adjust()',50);
| |
- | }
| |
- |
| |
- | function define()
| |
- | {
| |
- | if ((NS4) || (NS6))
| |
- | {
| |
- | if (halign=="left") {floatX=ifloatX};
| |
- | if (halign=="right") {floatX=window.innerWidth-ifloatX-layerwidth-20};
| |
- | if (halign=="center") {floatX=Math.round((window.innerWidth-20)/2)-Math.round(layerwidth/2)};
| |
- | if (valign=="top") {floatY=ifloatY};
| |
- | if (valign=="bottom") {floatY=window.innerHeight-ifloatY-layerheight};
| |
- | if (valign=="center") {floatY=Math.round((window.innerHeight-20)/2)-Math.round(layerheight/2)};
| |
- | }
| |
- | if (IE4)
| |
- | {
| |
- | if (halign=="left") {floatX=ifloatX};
| |
- | if (halign=="right") {floatX=document.body.offsetWidth-ifloatX-layerwidth-20}
| |
- | if (halign=="center") {floatX=Math.round((document.body.offsetWidth-20)/2)-Math.round(layerwidth/2)}
| |
- | if (valign=="top") {floatY=ifloatY};
| |
- | if (valign=="bottom") {floatY=document.body.offsetHeight-ifloatY-layerheight}
| |
- | if (valign=="center") {floatY=Math.round((document.body.offsetHeight-20)/2)-Math.round(layerheight/2)}
| |
- | }
| |
- | }
| |
- | //-->
| |
- | </script>
| |
- |
| |
- | <script>
| |
- | if (NS4) {document.write('<LAYER NAME="floatlayer" LEFT="'+floatX+'" TOP="'+floatY+'">');}
| |
- | if ((IE4) || (NS6)) {document.write('<div id="floatlayer" style="position:absolute; left:'+floatX+'; top:'+floatY+';">');}
| |
- | </script>
| |
- | ***** ENTER THE CONTENT FOR YOUR LAYER HERE *****
| |
- |
| |
- | lINK 1
| |
- |
| |
- | LINK 2
| |
- |
| |
- | ...
| |
- | <script>
| |
- | if (NS4)
| |
- | {
| |
- | document.write('</LAYER>');
| |
- | }
| |
- | if ((IE4) || (NS6))
| |
- | {
| |
- | document.write('</DIV>');
| |
- | }
| |
- | ifloatX=floatX;
| |
- | ifloatY=floatY;
| |
- | define();
| |
- | window.onresize=define;
| |
- | lastX=-1;
| |
- | lastY=-1;
| |
- | adjust();
| |
- | </script>
| |
| | | |
| <!-- Amin script --> | | <!-- Amin script --> |