Breaking News: Grepper is joining You.com. Read the official announcement!

ecrire un code html avec css et jquery dont : il y'a une boutton stop et une autre cliquer pour animer , lorsque je clique sur cliquer pour animaer une cadre qui contient salut a tous s'affiche avec une animation et lorsque je clique sur stop il stopper

Magnificent Millipede answered on September 30, 2023 Popularity 1/10 Helpfulness 1/10

answer ecrire un code html avec css et jquery dont : il y'a une boutton stop et une autre cliquer pour animer , lorsque je clique sur cliquer pour animaer une cadre qui contient salut a tous s'affiche avec une animation et lorsque je clique sur stop il stopper

ecrire un code html avec css et jquery dont : il y'a une boutton stop et une autre cliquer pour animer , lorsque je clique sur cliquer pour animaer une cadre qui contient salut a tous s'affiche avec une animation et lorsque je clique sur stop il stopper

Comment

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Animation avec jQuery</title>
    <style>
        #cadre {
            width: 200px;
            height: 200px;
            background-color: #3498db;
            text-align: center;
            line-height: 200px;
            color: #fff;
            display: none; /* Initialement masqué */
        }
    </style>
</head>
<body>
    <button id="startButton">Cliquer pour animer</button>
    <button id="stopButton">Stop</button>
    <div id="cadre">Salut à tous</div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            var animationInterval;

            // Fonction pour animer le cadre
            function startAnimation() {
                $("#cadre").slideDown(1000); // Animation de glissement vers le bas
                animationInterval = setInterval(function() {
                    $("#cadre").animate({ opacity: 0 }, 500).animate({ opacity: 1 }, 500);
                }, 1000);
            }

            // Gestionnaire de clic pour le bouton "Cliquer pour animer"
            $("#startButton").click(function() {
                startAnimation();
            });

            // Gestionnaire de clic pour le bouton "Stop"
            $("#stopButton").click(function() {
                $("#cadre").stop(true, true).slideUp(1000); // Arrête l'animation et masque le cadre
                clearInterval(animationInterval); // Arrête l'animation de clignotement
            });
        });
    </script>
</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language css

Source: chat.openai.com

Tags: animation clique css html il jquery

Link to this answer
Share Copy Link

Contributed on Sep 30 2023

Magnificent Millipede

0 Answers Avg Quality 2/10

ecrire un code html avec css et jquery dont : il y'a une boutton stop et une autre cliquer pour animer , lorsque je clique sur cliquer pour animaer une cadre qui contient salut a tous s'affiche avec une animation et lorsque je clique sur stop il stopper

Contents

More Related Answers

ecrire un code html avec css et jquery dont : il y'a une boutton stop et une autre cliquer pour animer , lorsque je clique sur cliquer pour animaer une cadre qui contient salut a tous s'affiche avec une animation et lorsque je clique sur stop il stopper

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.