`
piziwang
  • 浏览: 241074 次
  • 性别: 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库,它简化了...

    js仿QQ抖动窗口效果代码,兼容主流浏览器

    在本示例中,我们将探讨如何使用JavaScript实现一个仿QQ抖动窗口的效果,这个效果通常用于吸引用户的注意力或者通知用户有新的消息或事件发生。这个效果不仅有趣,而且在许多Web应用中具有实用价值。 首先,实现...

    仿QQ抖动特效.rar

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

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

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

    javascript仿QQ相册特效

    javascript js 仿QQ 相册 仿QQ相册 特效

    js窗口抖动

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

    窗口抖动(JS)

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

    基于javascript实现的一些常用算法

    这个名为"基于javascript实现的一些常用算法"的资源集合,很可能包含了一系列用JavaScript编写的经典算法实现,这对于学习和理解算法有着极大的帮助。让我们深入探讨一下这些算法及其在JavaScript中的实现。 1. **...

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

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

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

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

    仿QQ信息提示窗口.zip

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

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

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

    JS数据结构与算法.pdf

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

    html+css+javascript模拟QQ登陆窗口效果

    在本文中,我们将深入探讨如何使用HTML、CSS和JavaScript来模拟QQ登录窗口的效果。QQ作为中国最流行的即时通讯工具之一,其登录界面的设计简洁而直观,对于初学者来说,模仿这个设计可以很好地提升Web前端开发技能。...

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

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

    银行家算法-javascript实现.zip

    银行家算法-javascript实现.zip 银行家算法-javascript实现.zip银行家算法-javascript实现.zip银行家算法-javascript实现.zip银行家算法-javascript实现.zip银行家算法-javascript实现.zip银行家算法-javascript实现...

Global site tag (gtag.js) - Google Analytics