...

View Full Version : context movement



hearts_guardian
07-23-2002, 08:17 AM
I really like how on this site >>> http://contradiction.flight17.net/

the text moves from the bottom to the top when you click on the link. I would like to use the coding and do the same on my site, but can't find it.( since her site will not let me right click to see view source ) I'm wondering if anyone perhaps knows what the coding might be or where I can find it????????!!!!!!!!!???????

PLEASE HELP

martin_narg
07-23-2002, 08:36 AM
The menu animation is done by moving and hiding layers, fading them out by using alpha opacity filter. It would be a pretty big script to put up. http://www.dansteinman.com does a cross-browser API for moving layers and http://www.cs.utexas.edu/users/chrisken/alphaapi.html is a cross-browser fader.

I don't really rip scripts frm sites, and the menu system script for this site is pretty big, but i've included the header below.

/**********************************************************************************
PageSlideFade
* Copyright (C) 2001 Michael van Ouwerkerk
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by Michael van Ouwerkerk
*
* Script date: 09/16/2001 (keep this date to check versions)
*********************************************************************************/

Hope this helps

Martin

hearts_guardian
07-23-2002, 11:04 AM
sorry to the administrator>>>


i can't seem to find the right coding that'll allow me to make the text area larger. Help?!?!

http://www.geocities.com/hearts_guardian

Mrs G
07-24-2002, 07:09 PM
Not exactly sure I know what your after but here's a simple script that moves the text as well as resizing.

Something in here might be of use to you

<SCRIPT LANGUAGE=JavaScript>
<!--
i=400
function moveme(){
i -=5
document.all["oDIV"].style.visibility="visible"
document.all["oDIV"].style.pixelTop=i
document.all["oDIV"].style.fontSize= i/2
moving=setTimeout("moveme()",10)
if(i==50){
clearTimeout(moving)
}
}
setTimeout("moveme()",1000)
// -->
</SCRIPT>

<div id="oDIV" style="position:absolute;left:0;top:400;visibility:hidden">Hello World</div>

:thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum