DarkShapeArts
Neues Mitglied
Hallo :)
Ich habe mir ein kleines DropDownScript (nur zum Experimentieren) gecoded, und habe das ganze dann mit CSS3 etwas animiert.
Ich würde gerne das wenn man über den "Button" fährt, der Text nicht sofort eingeblendet wird, sondern erst nach dem das Menu ausgefahren ist (1 sekunde).
Hier mal mein wirklich sehr kleines Script'lein
Vielen Dank schon mal :) (Sorry wegen evtl Rechtschreib Fehlern im Script, das war mal eben so schnell zusammen gebastelt)
Ps: Ich sehe grade, das das unlesbar ist. Ich werde die Datei mal Hochladen.
http://www.mediafire.com/?3q43qrn392so5py
Ich habe mir ein kleines DropDownScript (nur zum Experimentieren) gecoded, und habe das ganze dann mit CSS3 etwas animiert.
Ich würde gerne das wenn man über den "Button" fährt, der Text nicht sofort eingeblendet wird, sondern erst nach dem das Menu ausgefahren ist (1 sekunde).
Hier mal mein wirklich sehr kleines Script'lein
HTML:
<html><head><title>TestPage</title><style type="text/css"><!--/* Haupt Container */#main { background-color:orange; margin:0 auto; text-align:center; }.leiste_container { width:99%; height:150px; position:absolute; }.leiste { width:99%; height:150px; background-color:yellow; position:absolute; z-index:2;}/* ---------------- */.button1 { background-color:red; width:100px; height:25px; margin-left:50px; margin-top:148px; position:relative; z-index:1; transition:height 0.5s; -webkit-transition:height 0.5s;}.button1:hover { height:100px; }.button1 li { display:none;}.button1:hover li { display:block; }--></style></head><body>
<!-- Haupt Container --><div id="main"> <!-- Haupt-Leiste --> <div class="leiste_container">
<div class="leiste"></div> <div class="button1">Hallo<li><br />Hallo2</li><li><br />Hallo3</li></div> <!-- Ende Haupt-Lesite --> </div><!-- Ende Haupt Container --></div>
</body></html>Vielen Dank schon mal :) (Sorry wegen evtl Rechtschreib Fehlern im Script, das war mal eben so schnell zusammen gebastelt)
Ps: Ich sehe grade, das das unlesbar ist. Ich werde die Datei mal Hochladen.
http://www.mediafire.com/?3q43qrn392so5py
Zuletzt bearbeitet:
