Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> keyframes, powolne rozwijanie menu, Key frames nie działa tak jakbym chciał
frankiejojo
post 11.05.2019, 15:02:33
Post #1





Grupa: Zarejestrowani
Postów: 72
Pomógł: 1
Dołączył: 20.07.2014

Ostrzeżenie: (0%)
-----


Usiłuję napisać skrypt, "wyskakujące menu" tylko, że chodzi mi o to, by menu rozwijało się powoli a nie "wyskakiwało natychmiast".

Skrypt:
  1. <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  2. <script type="text/javascript">
  3. function menu(){
  4. $.get("search.php").done(function( data ) {
  5. $("#menuPlace").html(data);
  6. });
  7. }
  8. .search{
  9. color:red;
  10. animation: moveSearch 15s;
  11. }
  12.  
  13. @keyframes moveSearch {
  14. from {
  15. min-height: 0px;
  16. max-height: 0px;
  17. overflow-hidden;
  18. }
  19. to {
  20. height: 50px;
  21. }
  22. }
  23. </head>
  24. <div id ="menuPlace">Place</div>
  25. <button class='button buttonPanel' onclick='menu()'>Menu</button>
  26. </body>
  27. </html>


Plik search.php

  1. <div class = "search">
  2. miejscowość: <input type = "text" name ="city" id = "city"/></br>
  3. cena od: <input type = "text" name ="pricefrom" id = "pricefrom"/></br>
  4. cena do: <input type = "text" name ="priceto" id = "priceto"/></br>
  5. <button class='button buttonFind' onclick='find()'>Szukaj</button>
  6. <div id ="wyniki">
  7. </div>
  8. </div>


Funkcja menu uruchamia się natychmiast, nie trwa te 15 sekund.
Jakaś podpowiedź?
Go to the top of the page
+Quote Post
trueblue
post 11.05.2019, 15:28:40
Post #2





Grupa: Zarejestrowani
Postów: 5 559
Pomógł: 1515
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Sprawdzasz swój kod przed umieszczeniem na forum?

Nie ma właściwości overflow-hidden, jest overflow i nie jest animowalna.
Albo animujesz height, albo max-height.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.11.2019 - 23:34