简单JS 实现窗口抖动效果

来源:互联网 发布:openresty php 安装 编辑:程序博客网 时间:2024/05/23 21:34

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>窗口抖动</title>
    <script language ="javascript" type="text/javascript">
        function shake(n)
        {
            if (self.moveBy)
            {
                for (var i = 10; i > 0; i--)
                {
                    for (var j = n; j > 0; j--)
                     {
                         self.moveBy(0, i);
                         self.moveBy(i,0);
                         self.moveBy(0, -i);
                         self.moveBy(-i,0);
                   
                    }
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button"  onclick ="shake(3)" value="震动效果" />
    </div>
    </form>
</body>
</html>

原创粉丝点击