// FloatMe (22-11-2004) // by Vic Phillips - http://www.VicsJavaScripts.org.uk/ // Progressive Scroll by: Eddie Traversa (psych3@primus.com.au) // Any and as many elements on the page as required can be made to Float, // that is, retain their position in the window as the page is scrolled. // Where the float element is nested in an element with 'position:relative;' or 'position:absolute;' // it will scroll within the parent element while the parent object is in view. // // The float element scroll is progressive, // and the scroll speed is specified by a customising variable or in the Initialising call. // ***** Application Notes // ***** The HTML Code. // // The 'Float Element' must have a style position of 'position:absolute;' // If the scroll speed is to be specified in the initialisation call it must be assigned a unique ID name. // Alternatively it must be assigned a class name which includes a specified character string. // e.g. //
........ content ........
//
........ content ........
// // To 'Float' an element for the total page width and height, the element should not be nested. // To 'Float' an element within the constraints of a parent element, // the parent element must have a style of 'position:relative;' or 'position:absolute;' // and specified style width/height. // e.g. //
//
........ content ........
//
// // **** Initialising the Float Element // // The Float Element would normally be initialised from a or window onload event // e.g. // // where 'zxcFloatMe' // parameter 0 = the unique ID name of the 'Float' element. (string) // parameter 1 = (optional) the scroll speed (10 = fast, 5000 = slow) (digits) // Note: subsequent calls function 'zxcFloatMe' will toggle the float of the specified element. // where 'zxcFloatClass' // parameter 0 = the character string to identify the element is to float. (string) // // **** General // // All variable, function etc. names are prefixed with 'zxc' to minimise conflicts with other JavaScripts // These characters may be changed to characters of choice using global find and replace // // The Functional Code (about 3.5) is best as an External JavaScripts // // Tested with IE6 and Mozilla FireFox // **** Customising Variables var zxcDefaultScrollSpeed=2000; // the default scroll speed (10 = fast, 5000 = slow) (digits) // **** Functional Code - NO NEED to Change function zxcFloatClass(zxcc){ var zxcobjs=document.getElementsByTagName('*'); for (var zxc0=0;zxc00){ this.px=zxcDocS()[0]-this.pxy[0]; } this.nowx=parseInt(this.obj.style.left); this.ckx=this.px+this.os[0]; if ( this.nowx!=this.ckx){ if ( this.ckx!=this.newx){ this.newx=this.ckx; this.cngx=this.newx-this.nowx; this.lsttimex=new Date().getTime(); this.lstposx=this.nowx; } this.movex(); } this.py=0; if (zxcDocS()[1]-this.pxy[1]>0){ this.py=zxcDocS()[1]-this.pxy[1]; } this.nowy=parseInt(this.obj.style.top); this.cky=this.py+this.os[1]; if ( this.nowy!=this.cky){ if ( this.cky!=this.newy){ this.newy=this.cky; this.cngy=this.newy-this.nowy; this.lsttimey=new Date().getTime(); this.lstposy=this.nowy; this.oldsy=zxcDocS()[1] } this.movey(); } this.setTimeOut('getpos();',this.dly); } zxcFloatMeOOP.prototype.movex=function(){ this.posx=Math.round(this.cngx*Math.sin(this.inc*(new Date().getTime()-this.lsttimex))+this.lstposx); if (( this.cngx>0&&this.posx>this.nowx&&this.posx0&&this.posy>this.nowy&&this.posy