Hallo Michael,
hast du es schon mit setTimeout probiert?
setTimeout(function() {
// hier das, was ausgeführt werden soll
}, 500);
Gruß
Susanne
Am 19.06.2013 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
