Jo_Oker Administrator
| Subject: Welcome message (Schroling) Thu Jan 24, 2013 11:43 pm | |
| - Code:
-
<script language="javascript" type="text/javascript"> <!-- Begin window.onerror = null; var topMargin = 100; var slideTime = 1200; var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); function layerObject(id,left) { if (ns6) { this.obj = document.getElementById(id).style; this.obj.left = left; return this.obj; } else if(ie4) { this.obj = document.all[id].style; this.obj.left = left; return this.obj; } else if(ns4) { this.obj = document.layers[id]; this.obj.left = left; return this.obj; } } function layerSetup() { floatLyr = new layerObject('floatLayer', pageWidth * .5); window.setInterval("main()", 10) } function floatObject() { if (ns4 || ns6) { findHt = window.innerHeight; } else if(ie4) { findHt = document.body.clientHeight; } } function main() { if (ns4) { this.currentY = document.layers["floatLayer"].top; this.scrollTop = window.pageYOffset; mainTrigger(); } else if(ns6) { this.currentY = parseInt(document.getElementById('floatLayer').style.top); this.scrollTop = scrollY; mainTrigger(); } else if(ie4) { this.currentY = floatLayer.style.pixelTop; this.scrollTop = document.body.scrollTop; mainTrigger(); } } function mainTrigger() { var newTargetY = this.scrollTop + this.topMargin; if ( this.currentY != newTargetY ) { if ( newTargetY != this.targetY ) { this.targetY = newTargetY; floatStart(); } animator(); } } function floatStart() { var now = new Date(); this.A = this.targetY - this.currentY; this.B = Math.PI / ( 2 * this.slideTime ); this.C = now.getTime(); if (Math.abs(this.A) > this.findHt) { this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt; this.A = this.A > 0 ? this.findHt : -this.findHt; } else { this.D = this.currentY; } } function animator() { var now = new Date(); var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D; newY = Math.round(newY); if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { if ( ie4 )document.all.floatLayer.style.pixelTop = newY; if ( ns4 )document.layers["floatLayer"].top = newY; if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"; } } function start() { if(ns6||ns4) { pageWidth = innerWidth; pageHeight = innerHeight; layerSetup(); floatObject(); } else if(ie4) { pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; layerSetup(); floatObject(); } } window.onload=start; // End --> </script> <center> <DIV id="floatLayer" style="position: absolute; height:200px; width:200px; left:30px; top:1px;z-index: 100">You hate me cuz im black.</DIV> </center>
Float a layer on the screen so that it stays in place while a user scrolls the page. It has an animation script that slides the layer into position. Add the below code to the body section of your page. change text. |
|