Показать сообщение отдельно
  #4 (permalink)  
Старый 07.02.2023, 12:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

jquery animate
ureech,
<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .container {
            width: 500px;
            height: 15px;
            background-color: #008000;
        }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(function() {
            let container = $('.container');
            const addPanel = function() {
                container.animate({'width' : container.width() - 250}, 2600)
            }
            window.setTimeout(() => addPanel(), 300)
        });
    </script>
</head>

<body>
    <div class="container"></div>
</body>

</html>
Ответить с цитированием