The demo code for Anylink Vertical CSS shows an example of a drop to the right menu system when you hover over a menu item. Link to example is:
http://www.dynamicdrive.com/dynamici...nylinkcss2.htm
I want a cascading system that adds another level. When I replicated the code example and I try to get to level 2 it doesn't hold, it blanks the screen. Any help?
This is the second of the demo code I modified and when you hover over "Food" I wanted a second menu to appear on the right, but it is not working. When you hover over"Departments, the first menu works fine.
<a href="http://www.dynamicdrive.com" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu1')">Departments</a>
<div id="anylinkmenu1" class="anylinkcss">
<a href="http://www.dynamicdrive.com/" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'food-menu')">Food</a>
<a href="http://www.cssdrive.com">Garden</a>
<a href="http://www.javascriptkit.com">Gift</a>
<a href="http://www.codingforums.com">Cut Flowers</a>
<a href="http://www.javascriptkit.com/jsref/">Cheese</a>
<a href="http://www.dynamicdrive.com/">Gift Baskets</a>
<a href="http://www.cssdrive.com">Catering</a>
<a href="http://www.javascriptkit.com">Seasons</a>
<a href="http://www.codingforums.com">Brands</a>
<a href="http://www.javascriptkit.com/jsref/">Specials</a>
</div>
<div id="food-menu" class="anylinkcss">
<a href="http://www.dynamicdrive.com/">Gourmet Grocery</a>
<a href="http://www.cssdrive.com">Produce</a>
<a href="http://www.javascriptkit.com">Deli</a>
<a href="http://www.codingforums.com">Bakery</a>
</div>



Reply With Quote


Bookmarks