CSS3&&JS中随机生成数字和随机位置移动图片

最新推荐文章于 2023-05-06 10:35:04 发布

呆呆侠

最新推荐文章于 2023-05-06 10:35:04 发布

阅读量3k

点赞数 2

分类专栏： css3&&Js

本文链接：https://blog.csdn.net/liuzhenghui666666/article/details/93299937

版权

css3&&Js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点名系统</title>
    <script type="text/javascript">
        var arr = new Array();
        for (var i = 0; i < 10; i++) {
            arr[i] = i + 1;
        }
        var any;
        document.write("<br/>");

        function changePostion () {                          //进行位置随机变换的函数
            //改变div的坐标
            var divTag = document.getElementById("imgpos");
            var x=Math.random()*(1600-100);
            var y=Math.random()*(900-300);
            divTag.style.left=x+"px";
            divTag.style.top= y+"px";
        }
        function a() {                                  //生成随机数的函数
            document.close();
            any = Math.floor(Math.random() * arr.length);
            document.write(arr[any]);
        }
        setInterval("a()",1000);
        setInterval("changePostion()",1000);

    </script>
</head>
<body>
    <div id="imgpos" style="position:absolute; left:200px; top:150px;" >//插入图片和超链接
    <a  href="http://baidu.com"><img src="..\A.jpg" width="100" height="100"/></a>
    </div>
<!--    在图片上设置文字-->
<!--    <div id="imgpos" style="position:absolute;width:100px;height:100px;">-->
<!--        <img src="..\A.jpg" alt="" />-->
<!--        <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">-->
<!--            我是写文字的地方-->
<!--        </div>-->
<!--</div>-->

</body>
</html>

呆呆侠

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
CSS3&&JS中随机生成数字和随机位置移动图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点名系统</title> <script type="text/javascript"> var arr = new Array();...
复制链接

扫一扫