<!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="jquery-1.2.6.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="aaaa" onclick="kStop()" />
<input type="button" value="bbbb" onclick="k1Stop()" />
<style>
.face,.faceflash
{
margin: 5px;
height: 50px;
width: 50px;
border: 1px blue solid;
}
.faceflash
{
margin: 10px;
border-color:red;
}
</style>
<div style="position: relative; height: 500px; width: 500px; border: 1px red solid;">
<div class="face" id="aaaa">aaaa
</div>
</div>
<div style="position: relative; height: 500px; width: 500px; border: 1px red solid;">
<div class="face" id="bbbb">bbbb
</div>
</div>
<script>
var webIMFlashIcon = function(el, cls) {
this.init(el, cls);
}
webIMFlashIcon.prototype.init = function( el, cls) {
this.el = el;
this.cls = cls;
this.oldCls = el.className;
this.startFlash();
}
webIMFlashIcon.prototype.flash = function() {
window.status = (this.cls + " - " + this.oldCls );
this.el.className = this.el.className == this.cls ? this.oldCls : this.cls;
}
webIMFlashIcon.prototype.stopFlash = function() {
this.el.className = this.oldCls;
window.clearInterval(this.Interval);
this.finalize();
}
webIMFlashIcon.prototype.startFlash = function() {
var entity = this;
this.Interval = setInterval(function() { entity.flash() }, 500);
}
webIMFlashIcon.prototype.finalize = function() {
for (var item in this) {
if (item) {
item = null;
}
}
}
var k = new webIMFlashIcon(document.getElementById("aaaa"), "faceflash");
var k1 = new webIMFlashIcon(document.getElementById("bbbb"), "faceflash");
function kStop() {
stop(k);
}
function k1Stop() {
stop(k1);
}
function stop(flashObj) {
flashObj.stopFlash();
}
</script>
<a onclick="var cls=_$('ttt').className;_$('ttt').className=cls=='e-webIM-head-glimmer'?'e-webIM-def-peoplePic':'e-webIM-head-glimmer'">
test</a>
</body>
</html>
分享到：
相关推荐
WebQQ是一种基于网页技术实现的在线聊天应用，它允许用户在浏览器中体验类似于桌面QQ的交互功能。这个“WebQQ效果实现例子”很显然是一个示例项目，旨在展示如何在Web环境中模拟桌面QQ的酷炫效果，如桌面拖拽、桌面...
本源码已经实现webQQ的大部分功能 熬了几个通宵终于做好了，里面实现的webQQ的大部分功能，而且全开源，适用中高级.net开发人员研究，主要是对 XML 的操作和ajax，还用了少量的JQ可以自由增加组，加好友等 数据库在...
【标题】"仿WEBQQ，只实现了前端"的项目是一个基于Web技术的QQ客户端模拟实现，专注于用户界面和交互设计的开发，旨在提供与原版WEBQQ类似的用户体验。这个项目并未涉及后端服务，因此不包含服务器通信、数据存储或...
在本压缩包中，重点是EXT框架实现的WebQQ源码，以及可能包含的数据库文件，这为我们提供了深入理解EXT框架在构建富互联网应用程序（RIA）方面的应用以及WebQQ背后的架构设计提供了宝贵的学习资源。 EXT是一个强大的...
WebQQ界面的华丽效果主要由CSS实现，包括色彩、字体、布局、动画效果等，使得用户界面既美观又易用。 3. **JavaScript**：JavaScript是实现网页动态交互的关键，负责处理用户的输入、响应事件、更新页面内容等功能...
【JSP+MySQL实现简易WebQQ】是一种基于Java服务器页面（JSP）技术和MySQL数据库构建的在线聊天系统，它允许用户通过网页进行即时通讯。在这个项目中，我们将深入探讨涉及的技术、步骤以及关键知识点。 首先，JSP是...
【标题】：“Ajax + Servlet + JSP 实现WebQQ” 【描述】：此项目是基于Ajax、Servlet和JSP技术实现的一个网页版QQ应用。它旨在提供与原版QQ相似的功能，让用户能够在网页上进行即时通讯，无需安装任何客户端软件。...
在本项目中，我们将探讨如何使用Go语言实现一个简单的WebQQ客户端。Go语言，也称为Golang，是由Google开发的一种静态类型的、编译型的、并发型的、垃圾回收的编程语言，以其简洁的语法和高效的性能在后端开发领域...
这个项目是用纯JQuery技术实现的，这意味着它主要依赖于JQuery库来处理DOM操作、事件绑定、动画效果等。 【描述】提到，该项目的代码设计得易于理解，这对于开发者来说是一个巨大的优势。它意味着初学者或者有经验...
【标题】"WebQQ"揭示了我们讨论的主题是基于网页的QQ客户端实现，它允许用户在Web浏览器上体验类似于桌面版QQ的聊天功能。这种技术的实现基于Asp.net平台，利用C#编程语言编写了全部的源代码，旨在提供跨平台的即时...
WebQQ_Demo是一个基于Web技术实现的QQ在线聊天示例应用。这个项目展示了如何利用Web技术来模拟原生QQ客户端的功能，让用户可以在浏览器上进行即时通讯。WebQQ_Demo的出现，是互联网技术和社交应用结合的一个典范，它...
WebQQ协议2014版Java实现是一种技术项目，它允许开发者通过编程接口与QQ服务进行交互，包括发送和接收消息、查看好友资料以及搜索特定条件下的好友。这个项目不仅涵盖了基本的QQ通信功能，还引入了自然语言处理（NLP...
【标题】"WebQQ2协议分析与QQ聊天机器人简单实现" 在互联网技术中，QQ作为一款流行的即时通讯软件，其背后的通信协议一直是开发者们研究的焦点。本话题主要围绕WebQQ2协议进行深入探讨，并介绍如何利用这些知识构建...
WebQQ桌面布局是一种基于网页技术实现的QQ客户端界面设计，它允许用户在浏览器上体验类似于桌面应用的QQ聊天功能。这种布局充分利用了Web技术的优势，如JavaScript库jQuery，来实现动态交互和响应式设计，为用户提供...
这个"WebQQ协议.rar"压缩包文件很可能包含了一组用易语言编写的源代码，用于解析和实现WebQQ协议的细节。 易语言是一种面向对象的、具有图形化编程界面的中文编程语言，它的设计理念是“易学易用”。通过这个源码，...
迷你WEBQQ
通过抓包分析WebQQ3.0协议做出的WebQQ客户端，开发工具Visual studio 2008，开发语言C#，此WebQQ客户端包括验证码获取，QQ登录，获取好友列表，获取在线好友列表，接收消息，发送消息等功能，基本上实现聊天需求。...
这个"qt c++ webQQ"源码项目，是开发者利用Qt库调用腾讯的Web接口，实现了一个高仿真的QQ客户端应用。 首先，我们要理解Qt库的核心特点。Qt库包含了丰富的类库，覆盖了图形绘制、网络通信、数据库访问、XML处理等多...
【标题】"WebQQ网页形式全开放源码"是一个针对WebQQ客户端的开源项目，它提供了实现网页形式QQ聊天的功能。这个项目对于开发者而言，是一个深入理解WebQQ工作原理、学习网页即时通讯技术的重要资源。 【描述】...
webqq2 协议分析和 qq 聊天机器人简单实现 本文档主要介绍了 webqq2 协议的分析和实现一个简单的 qq 聊天机器人。下面是对该协议的详细分析和实现步骤： 1. 首先，需要调用 ...