Menu bars

xlonehats · #1 07-May-2008, 15:45

anyone has any idea on how to build sliding menu bars which has hidden content
as u move your mouse ova it...

check out http://www.apple.com and go to mac, similar to the one on the right menu pane

take it as a challenge

JustinFox · #2 13-Jun-2008, 11:47

The content (images) is just a straight line of images, and when you move the bar slider (in pixels) you move all those pictures to the left or right a certain amount of pixels.

they "seem" hidden because the div is probably absolute and will not show content outside of the div.

when you click on an element of a page you can store the element as the current clicked element like so:

Code:


<div onmousedown = "elementPressed(this)">
</div>

<script type = "text/javascript">

var currElement;

function elementPressed(obj)
{

currElement = obj;

if (obj.name == "sliderbutton")
{

obj.onmousemove = function(){

obj.style.left = event.clientX + 'px';

}

}

}

</script>

if you have more question just post em!

Justin Fox

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Menu size using FLUID	morrowsend	FLTK Forum	12	01-Feb-2007 09:07
need help with a console menu system	BullBuchanan	C++ Forum	6	20-Aug-2006 14:46
Shapes Functions Version 2 - Arrays!	Cecil	C Programming Language	1	09-Jul-2006 20:39
Pass by references?	Cecil	C Programming Language	4	29-Jun-2006 02:30
Need Help Modifiying the script of a menu	demtro	Web Design Forum	1	23-Sep-2005 19:30

Menu bars

Re: menu bars