TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

how is this done?

Home > Cool Websites, Web Site Design and Technology > Client Side code
Page: 1 Reply
Nov 18th 2002#78867 Report
mdc
Member since: May 30th 2002
Posts: 23
i was looking around the myie2 website and i noticed their tabs. they are rollovers but they change the rest of the page, without needing to click on the tabs.

kinda hard to explain.

click here to take a look at the myie2 tabs

anyone have any ideas how that is done, and if there are any javascripts (or anything) that can do that avalible.

thanks.

edit: any idea where i can get the javascript for this?
Reply with Quote Reply
Nov 18th 2002#78868 Report
xchanin
Member since: Jun 20th 2002
Posts: 378
Javascript
Reply with Quote Reply
Nov 18th 2002#78869 Report
PaavoPerkele
Member since: Mar 24th 2002
Posts: 3114
I'd think that that's made with DIVs that's visibility attributes are toggled with the help of a small JS function, called on onMouseOver.

The CSS for the DIVs are something like this, when "under"
[PHP]

[/PHP]<--

And the onMouseOver a function like this is called:
[PHP]
function showDiv(divname){
divname.style.visibility="visible";
}
[/PHP] <-- very simple version, as this function should hide all the others too.

It could be done with toggling the Z-INDEX of the DIV to higher that the others. Z_INDEX is simply said how "high" up the "layer" is, as in 0 being behind every one else, and 423423 probably would always stay on top. :p

Of course, you can view the source, and DL the piece of script from a file somehting.js, pulled in as an external file.

Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum