[Dustin Cook]

I remember seeing on a few sites a javascript menu (at least I think its javascript) where you have the main menu links, and when you hover over the appropriate link/work, the sub menu categories came sliding in from the right of the screen.

Does anyone have the script or know where to get it?

Thanks in advance.

[dr911]

Originally Posted by Dustin Cook

I remember seeing on a few sites a javascript menu (at least I think its javascript) where you have the main menu links, and when you hover over the appropriate link/work, the sub menu categories came sliding in from the right of the screen.

Does anyone have the script or know where to get it?

Thanks in advance.

Hey Dustin Cook:

I think if you ask 1 of the "Mods" to move this thread to "Web Development " section, you may get a faster responds !!

[dvk01]

moved as requested

[Dustin Cook]

Thanks for your help. Now can anyone help me?!

[knight_47]

How about this?

Create professional looking DHTML (Dynamic Hyper Text Markup Language) menus for your Web site, without writing a single line of code. (No HTML knowledge required.) You will make great looking professional DHTML menus for your Website in seconds flat ! Make professional looking drop down, or side-step, menus.

You can completely customize the colors, fonts, borders, alignment, padding and much more. It's so easy to make your DHTML Menu match the look and feel of your Website. And best of all, it's FREE!

DHTML Menu Builder is able to create both horizontal "top menu" and vertical "side menu" navigation systems. You can create multi-level, or tiered menus with great ease. The Menus work in all browsers and even support frames. Your DHTML menu is totally customizable. You can adjust fonts, colors, borders, padding, alignment, even adjust the arrows for the sub-menus. Lots of features and options puts you in full control of the layout and design. Using the DHTML Menu Builder is fast, easy, and fun. Plus, it's FREE!

http://www.coffeecup.com/free-dhtml/

[Dustin Cook]

Yes, something similar to this, only a little different.

When you hover over the menu choice, instead of the submenus as a list from under the link, the will appear on the next line, and fly on when hovered over?

Am I being any clearer?

[knight_47]

Hm, I really don't know what your talking about. Is their some sort of website that has this feature so I can look at it?

[lola2001]

Here are two websites that have free javascript menus>

http://javascript.internet.com/

http://www.dynamicdrive.com/

[Dustin Cook]

Hello!

Well I stopped my search for the fly in menu - I simply could not find one that would work for me! I now have a new one!

I have several images, which will form part of the navigation. When a users hovers over the image, I would like a menu to appear under it. Does anyone know of any of the interactive menus that allow images to be used?

Basically an interactive menu which allows me to use the images I have created.

Many thanks.

[cristobal03]

It'd be hard to find generic code for the fly-in you're (were?) after; basically you'd change the position of the containing element on a timer interval, so that every 50 ms or so the container would shift by x number of pixels.

Your other request is possible as well. It will help if you think in terms of integrating different methods; HTML to create the content of menu lists, CSS or HTML styles to adjust the presentation (by adding images, etc.), and javascript or some other type of script to handle events.

You might just try to Google some javascript code libraries. What you're after is a very common request.

I wonder, though; are you sure the sites you want to emulate weren't built with Macromedia Flash?

chris.

[Dustin Cook]

To the above - I have no idea, they might have been made from flash!

I have found myself a little script to use:

<!--Links used to initiate the sub menus. Pass in the desired submenu index numbers (ie: 0, 1) -->
<a href="http://www.javascriptkit.com" onMouseover="showit(0)">JavaScript Kit</a> | <a href="http://freewarejava.com" onMouseover="showit(1)">Freewarejava</a><br>

<!-- Edit the dimensions of the below, plus background color-->
<ilayer width=400 height=32 name="dep1" bgColor="#E6E6FF">
<layer name="dep2" width=400 height=32>
</layer>
</ilayer>
<div id="describe" style="background-color:#E6E6FF;width:400px;height:32px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>


<script language="JavaScript1.2">

/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<font size="2" face="Verdana"><b><a href="http://www.javascriptkit.com/cutpastejava.shtml">Scripts</a> | <a href="http://www.javascriptkit.com/javaindex.shtml">JS tutorials</a> | <a href="http://www.javascriptkit.com/javatutors/index.shtml">Advanced JS tutorials</a> | <a href="http://www.javascriptkit.com/java/">Applets</a> | <a href="http://www.javascriptkit.com/howto/">Web Tutorials</a></b></font>'

submenu[1]='<font size="2" face="Verdana"><b><a href="http://freewarejava.com/applets/index.shtml">Applets</a> | <a href="http://freewarejava.com/tutorials/index.shtml">Tutorials</a> | <a href="http://freewarejava.com/javasites/index.shtml">Sites and Zines</a> | <a href="http://freewarejava.com/jsp/index.shtml">JSP</a></b></font>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>

Can any of you edit this so that the links are attached in a seperate file, so that to update the links I only need to change the source file?

Many thanks.

[Dustin Cook]

Is it possibile to put the links in a sperate file and link them into the script?