<style>body{margin:50px; }#qq{position:relative;}span{padding:0 4px}</style>
<body>
<p><button onclick="mfx()">QQ窗口抖动</button>
<span></span><button onclick="mfx(1)">浏览器抖动</button></p>
<img id="qq" src="http://img.photo.163.com/LxlYCVG9Fr4OC8-Z2tcjZQ==/1873215970010589974.jpg" />
</body>
<script>
mfx=function(isWin){
var t=0,z=3,del=function(){clearInterval(mfx.ID);return mfx};
del().ID=setInterval(function(){
var i=t/180*Math.PI,x=Math.sin(i)*z,y=Math.cos(i)*z,s=qq.style;
isWin?window.moveBy(x,y):(s.top=x+'px',s.left=y+'px');
if((t+=90)>1080)del();
},30);
}
</script>
分享到:
相关推荐
窗口抖动(JS)是一种在网页中实现的交互效果,模仿了即时通讯软件如QQ中的窗口震动提示功能,用于吸引用户注意力。这个效果通常应用于消息通知或者需要用户注意的特定内容上。通过JavaScript(JS)编写,我们可以...
JavaScript 窗口抖动(Window Jitter)是一种视觉效果,通常通过不断地改变元素的位置来实现。在给定的代码示例中,我们看到一个简单的HTML文档,包含了一个JavaScript函数`zd(u)`,用于实现窗口抖动效果。下面将...
"Jquery实现类似QQ窗口抖动效果"是一个常见的需求,常用于吸引用户注意力或者模拟即时通讯软件中的通知功能。下面我们将详细介绍如何利用jQuery来实现这种效果。 首先,我们需要了解窗口抖动的基本原理。窗口抖动...
本压缩包“仿QQ窗口抖动效果代码.zip”包含了一段实现这一功能的JavaScript代码,适用于主流浏览器,旨在为网站或应用程序添加类似QQ聊天窗口的抖动动画。 在JavaScript中,实现这样的抖动效果通常涉及到CSS3动画和...
本文将深入探讨如何使用jQuery实现一个仿QQ窗口抖动的特效,这在网页交互设计中是一种吸引用户注意力的有效方式。 首先,我们需要理解jQuery的核心概念。jQuery的核心优势在于它的语法简洁,使得开发者能够快速地...
本文将深入探讨如何使用jQuery实现一个仿QQ窗口抖动的特效,适用于各种主流浏览器,如IE8、360、Firefox、Chrome、Safari、Opera、傲游、搜狗和世界之窗。 首先,我们需要理解jQuery的核心概念。jQuery通过选择器...
### QQ窗口抖动JS效果详解 #### 一、概述 在网页开发中,为了增加交互性和趣味性,开发者经常会利用JavaScript实现各种动态效果。其中,“QQ窗口抖动JS效果”是一种模仿即时通讯软件(如早期的QQ)窗口抖动功能的...
JS+css实现窗口快速抖动,仿mac、linux系统动画特效!适合于错误提示,弹窗提示,警告窗口等场景! JS+css实现窗口快速抖动,仿mac、linux系统动画特效!适合于错误提示,弹窗提示,警告窗口等场景!JS+css实现窗口...
标题“模拟MSN的窗口抖动”指的是在编程中创建一种类似即时通讯软件MSN的窗口抖动功能。在早期的即时通讯应用中,如MSN Messenger,当有新消息到来时,接收方的聊天窗口会进行轻微的抖动,以引起用户的注意。这个...
很好玩的!用javascript 编写 适合初学者体会!
根据提供的文件信息,我们可以深入探讨JavaScript实现窗口抖动以及仿QQ窗口抖动的实现原理和代码实现方法。窗口抖动效果在网页设计中是一种比较常见的交互效果,它能够吸引用户的注意力,通常在需要提醒用户关注某些...
js实现窗口象QQ类似抖动,很实用的js实现窗口象QQ类似抖动,很实用的
现在很多网站右下角都有个像QQ抖动窗口一样的js效果,我这里就跟大家分享一下抖动窗口的js吧
文章主要介绍了使用JavaScript来实现网页窗口抖动效果的方法。窗口抖动效果在网页设计中是一种常见的交互特效,可以用来引起用户的注意,通常用于警告、提示等场景。下面我将详细介绍实现该效果的相关知识点。 首先...
标题“基于javascript实现窗口抖动效果”和描述“主要介绍了基于javascript实现窗口抖动效果,需要的朋友可以参考下”中涉及的知识点是使用JavaScript编程语言实现用户界面元素(比如窗口或元素框)的一种特殊动态...
在本示例中,我们将探讨如何使用JavaScript实现一个仿QQ抖动窗口的效果,这个效果通常用于吸引用户的注意力或者通知用户有新的消息或事件发生。这个效果不仅有趣,而且在许多Web应用中具有实用价值。 首先,实现...