简单JS 实现窗口抖动效果
2010-10-08 22:02
786 查看
<%@ 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>
<!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>
相关文章推荐
- JS简单实现tab切换效果的多窗口显示功能
- JS实现简单易用的手机端浮动窗口显示效果
- js实现select跳转菜单新窗口效果代码分享(超简单)
- JS实现简单抖动效果
- JS实现简单易用的手机端浮动窗口显示效果
- js实现select跳转菜单新窗口效果代码分享(超简单)
- JS简单实现浮动窗口效果示例
- 如何通过JS实现简单抖动效果
- JS简单实现tab切换效果的多窗口显示功能
- 简单原生js实现开关门效果
- 最简单的js图片切换效果实现代码
- js简单实现标签云效果实例
- 通过js实现简单的动画效果
- js实现 窗口最大化,不是满屏,而是相当于按了窗口右上角的最大化按钮那样的效果
- js+css简单实现网页换肤效果
- js实现简单的联动菜单效果
- 一个js实现简单的字幕滚动效果
- JS简单实用的倒计时效果实现代码
- 简单JS实现走马灯效果的文字(无需jQuery)
- JS简单实现动画弹出层效果