Kreirati animaciju od najmanje četiri objekta koji se istovremeno kreću, a prvom i trećem se na klik menja boja i veličina. Koristiti isključivo jQuery biblioteku.

Zadatak
dostaviti kao HTML fajl u koji je uključen JavaScript kod.

Unapred zahvalan

ukidzoni78
23.10.2016
Одељци: Зид Питања и одговори ukidzoni78 | Кључне речи:
0

Коментари:

Нови одговор Нови коментар

Одговори:

Приказано 1-1 од 1 ставке.

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>

<html>
<head>
    <title>jQuery</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <style>
        div {
            position: relative;
        }
    </style>
</head>
<body>
    <button>Animate</button>
    <br>
    <br>
    <br>
    <div class="first">
    <div style="background:#DC143C; height:100px; width:100px;">
    </div>
    </div>
    <br>
    <br>
    <br>
    <div class="second">
    <div style="background:#CD5C5C; height:100px; width:100px;">
    </div>
    </div>
    <br>
    <br>
    <br>
    <div class="third">
    <div style="background:#FF69B4; height:100px; width:100px;">
    </div>
    </div>
    <br>
    <br>
    <br>
    <div class="fourth">
    <div style="background:#FF7F50; height:100px; width:100px;">
    </div>
    </div>
        <script>
                $(document).ready(function(){
            $("button").click(function(){
                $("div").animate({left: 250}, 1000);
            });
            $("div.first").click(function(){
                $("div.first div").animate({borderRadius:"50%"});
            });
            $("div.third").mouseover(function(){
                $("div.third div").css("background-color","olive");
            }).mouseout(function() {
                $("div.third div").css("background-color","#FF69B4");
               });
        });
    </script>
</body>
</html>

 

 

 

 

 

 

 

 

 

Tashha
07.12.2016
Одељци: Зид Питања и одговори Tashha | Кључне речи:
0

Коментари:

Нови коментар

©Библиотека++ 2017 Развој сајта Ивица Лазаревић