<!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>
不知道为什么不能加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
转自:http://www.nowamagic.net/librarys/veda/detail/1063
分享到:
相关推荐
"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窗口抖动功能