图片旋转出场

waitforlove · 发表于 2018-10-11 21:16:34

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 waitforlove 于 2018-10-11 21:18 编辑

<!DOCTYPE html>
<html>
<head>
        <title>jqtest</title>
        <meta charset="utf-8">
        <script type="text/javascript" src="js/js库/jquery-1.11.0.js"></script><!-- 加载指定jq库 -->
        <script type="text/javascript">
                var qq=0;
                function xuanz(){
                        // $("#img1")选择器
                        $("#img1").css("transform","rotate("+qq+"deg)");//transform rotate控制旋转
                        qq+=10;
                        if(qq<=360){requestAnimationFrame(xuanz);};//requestAnimationFrame定时器
                };
                $(function(){//文档加载完成运行
                        $("#img1").show("slow",xuanz());//show("slow",xuanz())600毫秒显示并执行xuanz函数
                });
        </script>
        <style type="text/css">
                img{
                        margin:20px 38%;
                }
        </style>
</head>
<body>
        <img src="img/1.jpg" id="img1" width="300px" height="400px" style="display:none">
</body>
</html>

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 图片旋转出场

马上注册，结交更多好友，享用更多功能^_^