<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>抖动效果</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
var typ = ["marginTop", "marginLeft"], rangeN = 10, timeout = 20;
function shake(o, end) {
var range = Math.floor(Math.random() * rangeN);
var typN = Math.floor(Math.random() * typ.length);
o["style"][typ[typN]] = "" + range + "px";
var shakeTimer = setTimeout(function () { shake(o, end) }, timeout);
o[end] = function () { clearTimeout(shakeTimer) };
}
</script>
</head>
<body>
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" onMouseover="shake(this,'onmouseout')" >
</body>
</html>
下面实现类似qq的抖动效果：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>抖动效果</title>
<script type="text/javascript">
function zd(u) {
var a = ['top', 'left'];
var b = 0;
u = setInterval(function () {
document.getElementById('qq').style[a[b % 2]] = (b++) % 4 < 2 ? 0 : 4;
if (b > 15) {
clearInterval(u);
b = 0;
}
}, 32);
}
</script>
</head>
<body>
<img id="qq" alt="qq" style='position: relative' src="source/1.png" />
<input type="button" onclick="zd()" value=" 振动 " />
</body>
</html>
转自：http://xdwangiflytek.iteye.com/blog/1343651
相关推荐
"JS图片点击模仿QQ抖动效果"就是一个典型的例子，它利用JavaScript语言为图片添加了一个模仿QQ消息提示时的抖动动画。这个效果可以使得用户在点击图片时获得更加生动有趣的反馈，从而提升网站的趣味性和交互性。 ...
js特效脚本含源码和说明仿QQ抖动效果代码本资源系百度网盘分享地址
在C#编程中，模仿QQ窗体抖动效果是一项常见的任务，这主要涉及到Windows Forms或者WPF应用程序中的用户界面交互设计。窗体抖动是一种吸引用户注意力的视觉效果，常见于即时通讯软件如QQ中，当有新消息或未读通知时，...
本资源"仿QQ抖动特效.rar"提供了一种用JavaScript实现类似QQ抖动效果的方法。 在JavaScript中，抖动特效通常是通过改变元素的位置、大小或透明度来实现的。以下是一个基本的抖动效果实现步骤： 1. **选择目标元素*...
以上就是创建一个类似于电脑上QQ抖动效果的基本流程。通过熟练掌握Android的动画系统，开发者可以创造出各种各样的动态效果，提升用户体验。在实际项目中，可能还需要考虑性能优化、动画的暂停和恢复，以及与用户的...
【jQuery仿QQ右下角抖动效果】 在网页设计中，动态效果的运用可以增加用户的交互体验，使得网站更加生动有趣。"jQuery仿QQ右下角抖动效果"就是一个这样的例子，它通过JavaScript库jQuery实现了类似QQ聊天窗口右下角...
QQ窗口抖动效果是网页设计中一种常见的交互方式，它能吸引用户注意力并提供趣味性的用户体验。本压缩包“仿QQ窗口抖动效果代码.zip”包含了一段实现这一功能的JavaScript代码，适用于主流浏览器，旨在为网站或应用...
在Delphi编程环境中，实现QQ窗口抖动效果主要涉及到Windows API的使用，特别是与窗口消息相关的函数和常量。这个源码示例可能是为了在自己的应用程序中模拟QQ的消息通知方式，吸引用户注意力。下面我们将详细探讨...
"Jquery实现类似QQ窗口抖动效果"是一个常见的需求，常用于吸引用户注意力或者模拟即时通讯软件中的通知功能。下面我们将详细介绍如何利用jQuery来实现这种效果。 首先，我们需要了解窗口抖动的基本原理。窗口抖动...
仿msn,qq窗体震动的层抖动效果 仿msn,qq窗体震动的层抖动效果 仿msn,qq窗体震动的层抖动效果 仿msn,qq窗体震动的层抖动效果 仿msn,qq窗体震动的层抖动效果 仿msn,qq窗体震动的层抖动效果
本文将详细讲解如何使用C#来实现模拟QQ抖动窗口的功能。 首先，我们要理解抖动窗口的基本概念。在QQ中，当用户向在线的好友发送抖动请求时，接收方的QQ窗口会模拟物理上的抖动效果，以视觉形式提示有未读消息或提醒...
根据提供的文件信息，“pb 仿QQ抖动”这一标题与描述指向了PowerBuilder（简称PB）环境下实现类似QQ消息窗口抖动效果的技术实现。在即时通讯软件中，当接收到新消息时，为了吸引用户的注意，消息窗口通常会执行一个...
抖动效果插件Twitcht是一款专为Adobe After Effects（AE）设计的特效工具，它为用户提供了丰富多样的抖动动画效果，适用于创建动态图形、视频编辑和视觉特效。这款插件能够帮助设计师和视频创作者快速实现物体、文本...
C#写的窗体抖动效果，和QQ，MSN抖动效果一样
在`paintComponent`方法中，我们利用`AffineTransform`对象改变窗体的位置，模拟出抖动效果。`shakeCount`用于记录抖动次数，当达到预设次数时，停止抖动。 为了触发窗体抖动，我们需要一个事件源，比如一个按钮。...
本项目聚焦于模仿QQ聊天窗口的抖动效果，并且包含了自动播放声音的特性。这在用户交互设计中是一个常见的元素，用于吸引用户的注意力或者表示某种通知。 首先，让我们深入了解一下窗口抖动效果。窗口抖动是一种视觉...
在Android开发中，实现类似QQ的屏幕抖动效果可以为用户界面增添动态的交互体验，尤其是在提示用户有新消息或事件发生时。本教程将详细讲解如何通过源码实例来仿制这一功能。 首先，我们需要了解屏幕抖动的基本原理...
在这个窗体上，我们将实现抖动效果。 2. **设置初始位置**：在窗体加载事件中，记录窗体的初始位置，这将作为抖动结束后回归的位置。 3. **创建定时器**：使用`System.Windows.Forms.Timer`类创建一个定时器，设置...
实现屏幕震动，抖动的效果，类似于电脑版QQ窗口抖动功能