js写网页闪屏震动

最新推荐文章于 2022-10-07 09:44:21 发布

成长的小码农

最新推荐文章于 2022-10-07 09:44:21 发布

阅读量1.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/zhs954838550/article/details/8810521

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
    <title></title>
    <style type="text/css">
    *
    {
        font-size:12px;
        font-family:@楷体,Arial;
        font-weight:normal;
        color:#333;
        }/*规定了所有的字体样式*/
        textarea
        {
            width:100%;
            height:98%;
            border:1px solid black;
            }/*定义了多行文本的样式*/
    </style>
    <script type="text/javascript">
        function resizeWindow() {
            var windowWidth = 240, windowHeight = 180;
            window.moveTo((screen.availHeight - windowHeight) / 2);
            window.resizeTo(windowWidth, windowHeight);
        }
        function shakeWin(stepId) {
            var stepId;
            if (!stepId) stepId = 0;
            switch (stepId) {
                case 0:
                    window.moveBy(-5, -5);
                    break;
                case 1:
                    window.moveBy(10, 0);
                    break;
                case 2:
                    window.moveBy(-10, -10);
                    break;
                case 3:
                    window.moveBy(10, 0);
                    break;
                case 4:
                    window.moveBy(-5, -5);
                    break;
                default:
                    return;
            }
            stepId++;
            setTimeout("shakeWin(" + stepId + ");", 20);
        }
        function $(str) {
            document.getElementById(str);
        }
        window.onload = resizeWindow;
    </script>
</head>
<body style="overflow:auto">
<input type="button" value="点击查看震动闪屏效果" οnclick="shakeWin();" />
</body>
</html>