`
piziwang
  • 浏览: 239994 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

JavaScript仿QQ窗口抖动算法

阅读更多

JavaScript仿QQ窗口抖动算法:

<img  id="win" style='position:relative' src="http://www.iteye.com/images/logo.gif">
<br /><br />
<button onclick="zd()">振动</button>
<script>
function zd(u){	
	var a=['top','left'],b=0;
	u=setInterval(function(){
		document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;
		if(b>15){
			clearInterval(u);
			b=0;
		}
	},32)
}
</script>
分享到:
评论
1 楼 waterghost 2009-07-13  
不错,呵呵

相关推荐

    仿QQ窗口抖动效果代码.zip

    本压缩包“仿QQ窗口抖动效果代码.zip”包含了一段实现这一功能的JavaScript代码,适用于主流浏览器,旨在为网站或应用程序添加类似QQ聊天窗口的抖动动画。 在JavaScript中,实现这样的抖动效果通常涉及到CSS3动画和...

    jQuery仿QQ窗口抖动(图片抖动)代码

    本文将深入探讨如何使用jQuery实现一个仿QQ窗口抖动的特效,适用于各种主流浏览器,如IE8、360、Firefox、Chrome、Safari、Opera、傲游、搜狗和世界之窗。 首先,我们需要理解jQuery的核心概念。jQuery通过选择器...

    Jquery实现类似QQ窗口抖动效果

    "Jquery实现类似QQ窗口抖动效果"是一个常见的需求,常用于吸引用户注意力或者模拟即时通讯软件中的通知功能。下面我们将详细介绍如何利用jQuery来实现这种效果。 首先,我们需要了解窗口抖动的基本原理。窗口抖动...

    jQuery仿QQ右下角抖动效果

    "jQuery仿QQ右下角抖动效果"就是一个这样的例子,它通过JavaScript库jQuery实现了类似QQ聊天窗口右下角提示框的抖动动画,以吸引用户注意力并提供信息提示。 jQuery是一个轻量级、高性能的JavaScript库,它简化了...

    仿QQ抖动特效.rar

    本资源"仿QQ抖动特效.rar"提供了一种用JavaScript实现类似QQ抖动效果的方法。 在JavaScript中,抖动特效通常是通过改变元素的位置、大小或透明度来实现的。以下是一个基本的抖动效果实现步骤: 1. **选择目标元素*...

    javascript实现的仿腾讯QQ窗口抖动效果代码

    ### JavaScript 实现的仿腾讯QQ窗口抖动效果代码解析 #### 一、概述 在现代网页设计中,交互效果能够显著提升用户体验。其中,“窗口抖动”是一种常见且有趣的效果,它模仿了即时通讯软件(如腾讯QQ)中的提示方式...

    js实现仿QQ聊天窗口点击抖动效果源码.zip

    在JavaScript编程领域,实现仿QQ聊天窗口点击抖动效果是一种常见的动态交互设计,它能为用户带来更加生动和直观的体验。本项目提供了一种实现该效果的源码,主要涉及的技术点包括JavaScript基础语法、CSS动画以及DOM...

    js窗口抖动

    通过javascript实现窗口抖动,可以更改里面的参数来更改窗口抖动的时间长短

    窗口抖动(JS)

    窗口抖动(JS)是一种在网页中实现的交互效果,模仿了即时通讯软件如QQ中的窗口震动提示功能,用于吸引用户注意力。这个效果通常应用于消息通知或者需要用户注意的特定内容上。通过JavaScript(JS)编写,我们可以...

    仿QQ聊天窗口

    【仿QQ聊天窗口】是一个基于HTML、CSS和JavaScript技术实现的项目,旨在创建一个与QQ聊天窗口类似的用户界面,并提供基本的聊天功能。这个项目涵盖了前端开发中的多个关键知识点,让我们逐一深入探讨。 首先,HTML...

    JS实现仿QQ聊天窗口抖动特效

    本文将深入探讨如何使用JavaScript实现仿QQ聊天窗口的抖动特效,为用户带来更加生动有趣的交互体验。 首先,我们来看一下实现这个特效的基本结构。HTML部分创建了一个包含两个按钮和一个抖动元素的布局。这两个按钮...

    网页模板——js实现仿QQ聊天窗口点击抖动效果源码.zip

    本资源提供的"网页模板——js实现仿QQ聊天窗口点击抖动效果源码"就是一个很好的例子,它通过JavaScript语言实现了类似QQ聊天窗口被点击时的抖动效果。这种效果常见于即时通讯软件中,当用户收到新消息时,聊天窗口会...

    仿QQ信息提示窗口.zip

    【标题】"仿QQ信息提示窗口.zip"是一个包含有资源和代码的压缩包,其目的是为了实现一个类似于QQ软件中的信息提示窗口。这种提示窗口在用户界面设计中扮演着重要的角色,它能够以非侵入性的方式向用户展示通知、消息...

    JS+css实现窗口快速抖动,仿mac、linux系统动画特效!适合于错误提示,弹窗提示,警告窗口等场景!

    JS+css实现窗口快速抖动,仿mac、linux系统动画特效!适合于错误提示,弹窗提示,警告窗口等场景! JS+css实现窗口快速抖动,仿mac、linux系统动画特效!适合于错误提示,弹窗提示,警告窗口等场景!JS+css实现窗口...

    基于JavaScript的旅行路径规划算法设计与实现

    本项目聚焦于如何利用JavaScript设计和实现一个旅行路径规划算法,以帮助用户高效地规划他们的出行路线。 首先,我们需要理解路径规划的基本概念。路径规划算法通常涉及图论中的最短路径问题,如Dijkstra算法或A*...

    javascript(仿QQ相册的特效)

    在"javascript(仿QQ相册的特效)"这个项目中,我们将探讨如何利用JavaScript来实现类似QQ相册的视觉效果,提升用户体验。QQ相册作为一款流行的在线照片存储和分享平台,其界面设计和交互功能具有一定的参考价值。 ...

    JavaScript版数据结构与算法 轻松解决前端算法面试.rar

    JavaScript版数据结构与算法 轻松解决前端算法面试【完整版15章】,2020新课,不要因为做前端,就忽略算法的重要性!本课程带你用JS语言解决LeetCode上的经典算法题,对每一道题都进行线上测试,每题都有时间/空间...

    JS数据结构与算法.pdf

    本书主要介绍了 JavaScript 语言的基础知识,包括数据结构和算法。以下是该书的详细知识点: 一、JavaScript 基础知识 * 变量和数据类型 * 运算符和控制结构 * 函数和对象 * 数组和字符串 二、数据结构 * 数组:...

    javascript在网页上实现qq抖动模式

    javascript在网页上实现qq抖动模块,兼容所有浏览器。完美的抖动效果。用javascript实现样式随时改变,不需要图片来实现抖动。

Global site tag (gtag.js) - Google Analytics