Hallo zusammen,
ich hab ein kleines Problem das jetzt nicht direkt was mit TYPO3 zu tun hat. Ich muss das aufklappen eines Dropdown Menüs verzögern bin aber was jQuery angeht ein totaler Laie. Das Dropdown soll sich erst öffnen wenn man mit der Maus 500ms auf dem Oberpunkt verweilt. Ich hab schon mit hoverIntent etc. rumprobiert aber gebracht hats dummerweise nix L Evt. Hat ja einer nen Tipp für mich. Hier wäre mal das CSS des Menüs und die Seite http://mp.df-kunde.de/municall_de/ /* general */ .dropdown, .menu-sub, .submenu { list-style:none; } #mainmenu { /*background:url(../../images/background/menu.jpg) repeat-x;*/ background:#0D64C6; width:950px; height:40px; border:3px solid #d3d6db; /*border-left:3px solid #d3d6db; border-right:3px solid #d3d6db; */ margin:13px 66px 10px 61px; position:relative; z-index:1000; } #mainmenu .menu-item a { color:#fff; letter-spacing:1px; padding:3px 10px 0 15px; } /* first level */ .dropdown { width:100%; position:relative; } .menu-item { background:url(../../images/menu/separator.png) no-repeat right top; float:left; height:31px; line-height:30px; text-transform:uppercase; } /*.menu-item>a { display:inline-block; height:30px; padding:7px 20px 3px 25px !important; font-size:13px; font-weight:bold; }*/ #mainmenu .menu-header { color:#fff; font-weight:bold; padding:5px 0 0 0; } #mainmenu .menu-item { display:inline-block; height:30px; padding:7px 10px 3px 10px !important; font-size:13px; font-weight:bold; color:#fff; } #mainmenu .menu-item:hover { background-color:#233459; cursor:default; } .menu-item:hover>a { background-color:#233459; color:#fab62a; } /* second level */ .menu-sub { background:url(../../images/background/bg_subnav.png); /*background:#233459;*/ position:absolute; top:39px; left:0; width:100%; } .menu-sub a { text-transform:none; font-size:12px; font-weight:bold; } .menu-sub { display:none; } .menu-item:hover .menu-sub { display:block; } .menu-sub-col { float:left; width:210px; text-transform:none; border-right: 1px solid #35497a; min-height:320px; } .menu-sub-col>a { display:block; /*background:#162138;*/ margin:5px 2px; } .menu-sub-col>a:hover { /*background-color:#162138;*/ cursor:default; } /* third level */ .submenu { } .submenu-item { font-size:11px; line-height:20px !important; } .submenu-item>a { font-size:11px; display:block; font-weight:normal; } .submenu-item>a:hover { color:#295BC4 !important; /* background:#091738;*/ } .js-dmenu-page { width:290px; color:#fff; padding:15px 10px 0 10px; line-height:15px; font-size:10px; } .js-dmenu-page p { margin-bottom:8px; } .js-dmenu-page h1 { font-size:12px; } .js-dmenu-page a { font-size:10px; margin:0; padding:0 !important; letter-spacing:0px !important; } /* page desc */ .dmenu-page { float:left; } .page-data { display:none; } .page-title { } .page-desc { width:100%; line-height:1em; padding:8px 0 0 25px; color:#fff; } #mainmenu .page-link { display:inline; font-size:1em; line-height:1em; letter-spacing:0; text-transform:none; margin:0; padding:0 0 0 25px; color:#fff; background:0; } #mainmenu .page-link:hover, #mainmenu .page-link:focus { text-decoration:underline; } /* Trenner */ .trenner { margin:10px 0 0 10px; } Mit freundlichen Grüßen Michael Holzer Webdesign / Flottensteuerung MP-TELEKOMMUNIKATION GMBH Telekommunikation - Medienagentur - Telematiksysteme Puricellistraße 34 93049 Regensburg Telefon +49 (0) 941 29 86 19 - 0 Telefax +49 (0) 941 29 86 19 - 20 Web www.mp-telekommunikation.de <http://www.mp-telekommunikation.de/> Mail [email protected] <mailto:[email protected]> Folgen Sie uns auf Facebook. Wir freuen uns auf Sie! www.facebook.com/mp.telekommunikation <http://www.facebook.com/mp.telekommunikation> Folgen Sie uns auf Twitter. Wir freuen uns auf Sie! www.twitter.com/mp_tele <http://www.twitter.com/mp_tele> Registergericht Regensburg HRB 10239 Geschäftsführer: Armin Prommersberger Umsatzsteuer ID-Nr: DE 249 436 976 _______________________________________________ TYPO3-german mailing list [email protected] http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
