|
|
| Line 1: |
Line 1: |
| − | timeout();
| |
| | | | |
| − | function timeout() {
| |
| − | $('.blue').css("animation","updown 1.2s infinite ease-in-out alternate");
| |
| − | $('.red').css("animation","updown 1.2s 0.2s infinite ease-in-out alternate");
| |
| − | $('.yellow').css("animation","updown 1.2s 0.4s infinite ease-in-out alternate");
| |
| − | $('.green').css("animation","updown 1.2s 0.6s infinite ease-in-out alternate");
| |
| − | setTimeout(function(){
| |
| − | $('.blue').css("animation","sound-1 1.4s");
| |
| − | $('.red').css("animation","sound-2 1.4s 0.25s");
| |
| − | $('.yellow').css("animation","sound-1 1.4s 0.10s");
| |
| − | $('.green').css("animation","sound-2 1.4s 0.15s");
| |
| − | setTimeout(function(){
| |
| − | $('.blue').css("animation","finalani 0.4s");
| |
| − | $('.red').css("animation","finalani 0.4s 0.05s");
| |
| − | $('.yellow').css("animation","finalani 0.4s 0.1s");
| |
| − | $('.green').css("animation","finalani 0.4s 0.15s");
| |
| − | setTimeout(function(){
| |
| − | timeout();
| |
| − | },550);
| |
| − | }, 1190);
| |
| − | }, 3000);
| |
| − | }
| |
| − |
| |
| − | $("#container").mouseover(function(){
| |
| − | $('.blue').css("animation","sound-1 1.4s infinite");
| |
| − | $('.red').css("animation","sound-2 1.4s 0.25s infinite");
| |
| − | $('.yellow').css("animation","sound-1 1.4s 0.10s infinite");
| |
| − | $('.green').css("animation","sound-2 1.4s 0.15s infinite");
| |
| − | });
| |