JQuery animációs fügvény

Ez a téma lezárásra került a moderátor által. A lezárás oka: 1 t�ma - 1 k�rd�s
JQuery animációs fügvény
2011-08-17T13:52:32+02:00
2011-08-17T19:26:18+02:00
2022-08-15T17:50:34+02:00
kaiser_8
Sziasztok!

Egy kis segítségre lenne szükségem! A problémám a következő lenne. Adott két div az elsőre kattintásra szeretném azt megoldani hogy div.1 eltűnjön egy örvénylő effekttel és közben megjelenjen a div.2.

Eddig odáig jutottam hogy jQuery UI pluginnal a kattintás hatására az első div elhalványodva szétesik és megjelenik a második div.

$(document).ready(function() { $("#nyito").show('bounce' ,function(){ $("#nyito").click(function(){ $("#menu").addClass("fentebb").css("z-index",4); $("#nyito").hide('explode' , 3000); $("#menu").animate({opacity: 1},4000); }); }); });


A kérdésem az lenne, hogy létezik e olyan plugin ami tud örvénylő hatást?

A válaszokat előre is köszönöm!
Mutasd a teljes hozzászólást!

  • hello! sztem plugin nincs.
    de magadtol is irhatsz hasonlot, bar nem tudom nalad egesz pontosan hogy nez ki egy "orvenylo effekt", ITT van egy pelda egy div forgatasra, gondolom meg kicsinyiteni kell stb... sztem nem bonyi.
    sok sikert!
    Mutasd a teljes hozzászólást!
  • Köszi a gyors választ!

    No be appendeltem a rotate functiont. És elakadtam megint egy kicsit. Az első kép nagyon jól eltűnik a másodikra ha szeretném megint alkalmazni egy show függvényt akkor nem megy valamiért.

    Most a kódom így néz ki.


    $(document).ready(function() { var $elie = $("#nyito"); function rotate(degree) { $elie.css({WebkitTransform: 'rotate(' + degree + 'deg)'}); $elie.css({'-moz-transform': 'rotate(' + degree + 'deg)'}); timer = setTimeout(function() {rotate(degree+20);},1); } $("#nyito").click(function(){ $("#menu").addClass("fentebb").css("z-index",4); rotate(0); $("#nyito").hide('scale' , 2500, function() { $("#menu").animate({opacity: 1},2500); }); }); });

    De ez már nem működik hol lehet a hiba?
    Azaz lefutni lefut csak nem középről nyúl ki a 'show' function hatására hanem a jobb alsó sarokból:

    $(document).ready(function() { var $elie = $("#nyito"); function rotate(degree) { $elie.css({WebkitTransform: 'rotate(' + degree + 'deg)'}); $elie.css({'-moz-transform': 'rotate(' + degree + 'deg)'}); timer = setTimeout(function() {rotate(degree+20);},1); } $("#nyito").click(function(){ $("#menu").addClass("fentebb").css("z-index",4); rotate(0); $("#nyito").hide('scale' , 2500, function() { //$("#menu").animate({opacity: 1},2500); $("#menu").css("opacity",1); $("#menu").show('scale' , 2500); }); }); });
    hlp pls....
    Mutasd a teljes hozzászólást!
Ez a téma lezárásra került a moderátor által. A lezárás oka: 1 t�ma - 1 k�rd�s
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd