Ich nutze eine Timeout funktion für diese Fälle
$("selector").mouseover(function() { //wenn er über dem Selector $(this).doTimeout( 'text-type', 500, function(){ //erst nach 500 ms weiter irgendetwas machem megamenu_show(); //wie auch immer... }); }); die function doTimeout muss auch noch eingebunden werden sihe Quelle und mehr hier... http://benalman.com/projects/jquery-dotimeout-plugin/ Liebe Grüße Christian Am 19.06.2013 um 13:55 schrieb Michael Holzer: > 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 m...@mp-telekommunikation.de > <mailto:m...@mp-telekommunikation.de> > > 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 > TYPO3-german@lists.typo3.org > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german _______________________________________________ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german