|
|||
JavaScript für Touch-Devices, (hoverproblem)
Hallo an alle,
ich habe ein Dropdown menü und muss es auch funktionierbar bei Touch-Devices sein. Diese Optimierung soll mit JavaScript erfolgen und weiß nicht wie ich es machen soll und brauche unbedingt eine Hilfe, weil ich gar kein Ahnung von JavaScript habe Könnte jemand mir helfen, wie man das machen kann, dass man das Menü obtimieren kann, damit es durch Touch-Devices ohne hover funktioniert. Viele Grüße HTML-Code: HTML-Code:
<div class="nav-menu">Menü <ul class="nav-menu"> <li><a href="#">Startseite</a></li> <li><a href="#">Über uns</a></li> <li><a href="#">Presse</a></li> <li><a href="#">Veranstaltungen</a></li> <li><a href="#">Mitglieder</a></li> <li><a href="#">Forschung</a></li> <li><a href="#">Preise</a></li> <li><a href="#">Digitale Bibliothek</a></li> </ul> </div> Code:
.nav-menu{ width: 100px; height:29px; font-size: 14px; font-weight: bold; padding-left:10px; padding-top:10px; } ul.nav-menu { list-style: none; margin: 0; padding: 0; position: relative; z-index:999; display:none; border:1px solid #b80026; border-top:none; width:200px; height:385px; top:100%; margin-left:-9px; } .nav-menu:hover { background:url(ico-MenuF-over.png); color:#b80026; } .nav-menu:hover ul.nav-menu{ float: left; zoom: 1; /*Needed for IE*/ z-index:999; display:block; position:absolute; } ul.nav-menu:hover { display:block; position:absolute; } ul.nav-menu li{ background: #fbf7f6; color: #000; border-bottom: 1px solid #d5d3cd; float: none; padding:5px 0 5px; width:200px; left:0px; } ul.nav-menu li a{ display: block; padding:10px 10px 10px; color:#fff; font-family: Arial, Times New Roman, Tahoma; font-size: 14px; text-decoration:none; width: 180px; color:#000000; background-color:#fbf7f6; font-weight:bold; } ul.nav-menu li a:hover{ color:#b80026; } ul.nav-menu li:last-child{ border:none; } |
Sponsored Links |
|
|||
Deine Frage scheint ein Angebot zu enthalten, um jemanden zu beauftragen, etwas für dich zu erledigen.
Dazu sind die Hilfeforen aber nicht gedacht. Du darfst gerne eine Anfrage im Jobs - XHTMLforum reinstellen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Stichwörter |
hover, onclick, touchdevices |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Software Engineer JavaScript Framework (m/w) | itchristian | Jobs | 0 | 09.01.2012 18:27 |
Erkennen ob JavaScript deaktiviert ist und anderen Inhalt anzeigen | Ares | Javascript & Ajax | 7 | 02.02.2011 13:45 |
Wort in Javascript Code einfügen; dann Javascript Code ausgeben | Sp33dy G0nz4l3s | Javascript & Ajax | 1 | 23.05.2008 10:37 |
Impressumsaufruf mit Javascript | Sinclair | Javascript & Ajax | 6 | 19.05.2008 16:41 |
Javascript und Sicherheit | Kirsten | Javascript & Ajax | 2 | 26.03.2007 11:13 |