div定时放大缩小

最新推荐文章于 2023-11-30 08:39:27 发布

weixin_30776273

最新推荐文章于 2023-11-30 08:39:27 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/junyi-bk/p/11328114.html

版权

<!DOCTYPE html>
<html>
<head>
<style> 
.anim{
    width: 100px;
    height: 100px;
    background-color: red;
}
.anim-show
{
    transition: 0.7s;
    transform:translate(100px,100px) scale(1.5);
}
.anim-show1
{
    transition: 0.7s;
    transform:translate(100px,100px) scale(1);
}

</style>
</head>
<body>
    <div id="a" class="anim anim-show1"></div>
    
    <script src="http://www.jq22.com/jquery/2.1.1/jquery.min.js"></script>
    <script>


        var i = 0;

        var int=self.setInterval("clock()",700);
        
        function clock(){
            i++;

            if(parseInt(i/2) == i/2){
                $("#a").addClass("anim-show");
                $("#a").removeClass("anim-show1");
            }else{
                $("#a").removeClass("anim-show");
                $("#a").addClass("anim-show1");
            }
        }
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/junyi-bk/p/11328114.html

weixin_30776273

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
div定时放大缩小

<!DOCTYPE html><html><head><style> .anim{ width: 100px; height: 100px; background-color: red;}.anim-show{ transition: 0.7s; transf...
复制链接

扫一扫