Wie mache ich solch ein Menu ?

Die "Restarbeiten" haben nichts mit Javascript zu tun, sondern befürfen der Erstellung der entsprechenden Grafiken / Icons, die in das Menü eingepflegt werden.
 
Bitte schön, hier das gewünschte Beispiel :-)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
.menu_wrapper
{
        padding-left:17px;
}

.menu_categ_wrapper
{
        margin-bottom:9px;
        position:relative;
        width:214px;
}

.menu_categ_active_header,
.menu_categ_hover_header,
.menu_categ_header
{
        position:relative;
        font-size:16px;
        font-weight:bold;
        color:black;
        width:170px;
        padding-left:44px;
        height:24px;
        padding-top:6px;
        z-index:5;
}

.menu_categ_active_header,
.menu_categ_header:hover
{
        background-image:url( http://www.demozzz.com/dolphin/admindemo/admin/images/categ_active_bg.gif );
}

.menu_categ_header
{
        background-image:url( http://www.demozzz.com/dolphin/admindemo/admin/images/categ_bg.gif );
}

.menu_categ_header a,
.menu_categ_header a:link,
.menu_categ_header a:hover,
.menu_categ_header a:active,
.menu_categ_header a:visited
{
        color:#003399;
        text-decoration:none;
}

img.categ_icon
{
        position:absolute;
        bottom:2px;
        left:7px;
        z-index:10;
}

.menu_categ_header img.categ_arr,
img.categ_arr
{
        position:absolute;
        top:2px;
        right:2px;
        z-index:5;
        cursor:pointer;
}

.menu_items_wrapper
{
        border:1px solid #ccc;
        border-top:none;
        position:relative;
        color:black;
        font-size:13px;
        top:-1px;
        z-index:1;
}

.menu_item_wrapper
{
        border-top:1px dashed #ccc;
        height:20px;
        padding-left:33px;
        padding-top:3px;
        position:relative;
}

.menu_item_wrapper a,
.menu_item_wrapper a:link,
.menu_item_wrapper a:hover,
.menu_item_wrapper a:active,
.menu_item_wrapper a:visited
{
        color:#003399;
        text-decoration:none;
}

img.menu_item_icon
{
        position:absolute;
        top:4px;
        left:8px;
        width:16px;
        height:16px;
        z-index:5;
}
-->
</style>

</head>
<body>

<div class="menu_wrapper">        <div class="menu_categ_wrapper">
                        <div class="menu_categ_active_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/key_t.png" class="categ_icon">
                                        <span>Dashboard</span>
                </div>
                        </div>
                <div class="menu_categ_wrapper">
                        <div class="menu_categ_header">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/guy_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_1' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=1">Users</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_1" style="display: none;">
                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/members.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/profiles.php">Members</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/affilates.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/../aff/partners.php">Affiliates</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/moderators.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/moderators.php">Moderators</a>                </div>
                        </div>

                        </div>
                <div class="menu_categ_wrapper">
                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/attach_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_2' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=2">Content</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_2" style="display: none;">

                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/photos.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/browsePhoto.php">Photos</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/videos.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/browseVideo.php">Videos</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/music.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/browseMusic.php">Music</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/photos.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/post_mod_photos.php?media=photo&amp;status=passive">Profile Photos</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/blogs.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/post_mod_blog.php">Blogs</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/videos.gif" class="menu_item_icon">
        <a href="javascript:void(0);" onclick="javascript: openRayWidget('video','admin','admin','36cdf8b887a5cffc78dcd5c08991b993');">Profile Videos</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/events.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/sdating_admin.php">Events</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/music.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/post_mod_audio.php">Profile Music</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/groups.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/groups.php">Groups</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/backgrounds.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/post_mod_profiles.php">Profile Backgrounds</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/polls.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/post_mod_ppolls.php">Polls</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/classifieds.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/manage_classifieds.php">Classifieds</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/feedback.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/../story.php">Feedback</a>                </div>
                        </div>
                        </div>
                <div class="menu_categ_wrapper">

                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/tools_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_3' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=3">Tools</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_3" style="display: none;">
                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/mass_mailer.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/notifies.php">Mass Mailer</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/money_calculator.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/finance.php">Money Calculator</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/database_backup.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/db.php">Database Backup</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/admin_polls.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/polls.php">Admin Polls</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/links_page.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/links.php">Links Page</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/articles.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/articles.php">Admin Articles</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/site_news.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/news.php">Site News</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/random_quotes.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/quotes.php">Random Quotes</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/banners.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/banners.php">Banners</a>                </div>
                        </div>
                        </div>
                <div class="menu_categ_wrapper">

                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/plugin_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_4' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=4">Plugins</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_4" style="display: none;">
                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/boonex_ray_widgets.gif" class="menu_item_icon">

        <a href="javascript:void(0);" onclick="javascript:openRayWidget('global', 'admin', 'admin', '36cdf8b887a5cffc78dcd5c08991b993');">Ray Base</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/boonex_orca_forum.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/../orca/">Orca Forum</a>                </div>
                        </div>
                        </div>
                <div class="menu_categ_wrapper">

                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/cubes_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_7' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=7">Builders</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_7" style="display: none;">
                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/navigation_menu_builder.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/menu_compose.php">Navigation Menu Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/profile_fields_manager.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/split_join.php">Join Form Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/homepage_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/indexCompose.php">Homepage Builder</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/profile_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/profileCompose.php">Profile Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/video_page_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/videoCompose.php">Video Page Builder</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/music_page_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/musicCompose.php">Music Page Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/photo_page_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/photoCompose.php">Photo Page Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/account_builder.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/accountCompose.php">Account Builder</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/classifieds.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/classifCompose.php">Classifieds Builder</a>                </div>
                        </div>
                        </div>
                <div class="menu_categ_wrapper">

                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/setup_t.png" class="categ_icon">
                                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif" class="categ_arr" onmouseover="el = document.getElementById( 'menu_items_wrapper_5' ); if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_hover.gif'; }" onmouseout="if( el.style.display == 'none'){ this.src='http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }" onclick="if( el.style.display == 'none' ){ el.style.display = 'block'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn_act.gif'; } else { el.style.display = 'none'; this.src = 'http://www.demozzz.com/dolphin/admindemo/admin/images/arr_dn.gif'; }">
                                                <a href="index.php?admin_categ=5">Settings</a>
                </div>
                                <div class="menu_items_wrapper" id="menu_items_wrapper_5" style="display: none;">
                                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/admin_password.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=ap">Admin Password</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/basic_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/basic_settings.php">Basic Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/adv_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=1">Advanced Settings</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/photo_page_builder.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/profile_fields.php">Profile Fields Manager</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/email_templates.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=4">Email Templates</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/languages_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/lang_file.php">Languages Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/membership_levels.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/memb_levels.php">Membership Levels</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/css_styles_editor.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/css_file.php">CSS Styles Editor</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/payment_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/payment_providers.php">Payments Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/blogs_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=22">Blogs Settings</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/news_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=10">News Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/groups_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=24">Groups Settings</a>                </div>
                        <div class="menu_item_wrapper">

                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/tags_settings.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=25">Tags Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/polls.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=20">Polls Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/events_settings.gif" class="menu_item_icon">

        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=21">Events Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/members.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=6">Moderation Settings</a>                </div>
                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/database_prunning.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=11">Database Pruning</a>                </div>

                        <div class="menu_item_wrapper">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/meta_tags.gif" class="menu_item_icon">
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/global_settings.php?cat=19">Meta Tags</a>                </div>
                        </div>
                        </div>
                <div class="menu_categ_wrapper">
                        <div class="menu_categ_header">
                        <img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/logout_t.png" class="categ_icon">

                                        <a href="../logout.php?action=admin_logout">Logout</a>
                </div>
                        </div>
        <a href="http://www.demozzz.com/dolphin/admindemo/admin/adminMenuCompose.php"><img src="http://www.demozzz.com/dolphin/admindemo/admin/images/icons/items/basic_settings.gif"></a></div>


</body>
</html>
 
Und wie mache ich dass das Menu offen bleibt z.b wenn ich jetzt auf test.klicke ?

Dass sich dass menu nicht schließt sondern offen bleibt mit aktivem link.

Vielen Vielen Dank
 
Hallo zusammen!

Ich bin noch nicht lange dabei, habe aber schon einiges Gefunden was mit hilft. Dennoch hab ich jetzt eine Frage. Ich hab mir nun mit Hilfe von diesem Code hier oben ein Menu gebaut. Hab es aber etwas abgeändert, so das mit einem onMouseOver sich das Menu öffnet nun wollte ich aber das es sich bei einem OnMouseOut wieder schließt.

Kan mir einer verraten wie der Code dazu aussehn muss ?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück