diaochenlong2
- 浏览: 108739 次
- 性别:
- 来自: 大连
-
文章分类
- 全部博客 (159)
- 前端开发 (6)
- jsp (4)
- jquery (17)
- 配置文件 (2)
- Spring (10)
- java (34)
- hibernate (9)
- VC++ win32 application (6)
- C++ (6)
- MFC文件夹对话框 (1)
- C (4)
- MFC (1)
- C# (3)
- 两个路由器怎么连接 (1)
- Maven3 (3)
- Servlet (10)
- Struts2 (6)
- jdom (1)
- Struts1 (1)
- Spring MVC (2)
- Ant (5)
- SSH (6)
- oracle 10g (1)
- ibatis (3)
- JPA (3)
- EJB (2)
- XML知识 (3)
- javascript (2)
- android (1)
- FreeMarker (1)
- dwr (1)
- Ext (10)
- EXCEL (1)
最新评论
<!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=utf-8" />
<title>Panel</title>
<style type="text/css">
*{margin:0;padding:0;}
body { padding: 60px }
#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}
</style>
<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#panel").css("opacity", "0.5");//设置不透明度
$("#panel").click(function(){
$(this).animate({left: "400px", height:"200px" ,opacity: "1"}, 3000)
.animate({top: "200px" , width :"200px"}, 3000 )
.queue(function(next){
$(this).css("border","5px solid blue");
next(); // 继续下一个动画
})
.slideUp("slow");
});
});
</script>
</head>
<body>
<div id="panel"></div>
</body>
</html>
分享到：
发表评论
-
视频展示效果实例
2014-05-11 15:55 585<!DOCTYPE html PUBLIC &quo ... -
css()未排队
2014-05-07 11:52 504<!DOCTYPE html PUBLIC &quo ... -
综合动画
2014-05-07 09:38 533<!DOCTYPE html PUBLIC &quo ... -
按顺序执行多个动画
2014-05-07 09:36 635<!DOCTYPE html PUBLIC &quo ... -
9-6(animate多重动画1)
2014-05-07 09:10 468<!DOCTYPE html PUBLIC &quo ... -
相同事件名称，不同命名空间执行方法
2014-05-06 18:59 610<!DOCTYPE html PUBLIC &quo ... -
添加事件命名空间,便于管理
2014-05-06 17:49 435例如可以把为元素绑定的多个事件类型用命名空间规范起来,jQ ... -
移除事件
2014-05-05 20:54 467<!DOCTYPE html PUBLIC &quo ... -
合成事件
2014-05-05 15:28 446<!DOCTYPE html PUBLIC &quo ... -
事件绑定
2014-05-05 15:06 488<!DOCTYPE html PUBLIC &quo ... -
图片提示效果
2014-05-05 14:54 600<!DOCTYPE html PUBLIC &quo ... -
初级javasctipt
2014-03-03 21:31 623<!DOCTYPE HTML PUBLIC &quo ... -
1-5(表格)
2014-03-03 19:40 668<!DOCTYPE html PUBLIC &quo ... -
jQuery对象和DOM对象的相互转换
2014-03-03 18:40 523jQuery对象转成DOM对象： ... -
第一章 认识jQuery
2014-03-03 18:28 1049/* reset */ body{margin:0;pa ... -
插件写法
2012-11-12 16:28 806(function($) { $.extend({ pr ...
相关推荐
dinner-queue-management点餐排队系统项目npm安装npm installbabel安装npm install babel-loader babel-core babel-preset-es2015 babel-preset-react --save-devcss处理安装npm install css-loader style-loader ...
在压缩包`covid-queue-main`中，可能包含了项目的源代码、样式表（CSS）、脚本文件（JavaScript）、图像资源、文档说明等。开发者可能会使用CSS来美化界面，JavaScript进行交互逻辑处理，以及可能用到的服务器端语言...
【标题】：“bachelor57-...整体来看，"bachelor57-QueueSystem"是一个基于PHP的Web应用程序，实现了学生会活动的在线排队功能，涉及到多个IT领域的知识和技术，对于学习和理解Web开发流程和实践具有很高的参考价值。
apollo-link-queue一个Apollo链接，充当门并在门关闭时将请求排队。 当没有互联网连接或用户将应用程序显式设置为脱机模式时，可以使用此功能。 在apollo-link-queue中，一个Apollo Link充当闸门，并在闸门关闭时将...
在给定的压缩包文件"apollo-link-queue-master"中，我们可以推测这是一个与Apollo Client相关的库，Apollo Client是用于JavaScript的GraphQL客户端，它提供了强大的状态管理以及缓存功能。"apollo-link-queue"可能是...
【JSP + Servlet 排队叫号系统】是一种基于Web技术实现的客户服务管理系统，它主要用于在银行、医院、政务大厅等公共场所实现有序的服务流程。在这个系统中，JSP（JavaServer Pages）作为前端展示，负责用户界面的...
例如，可能有一个`Queue`类用于管理队列，一个`Ticket`类表示叫号单，以及一个`Window`类代表服务窗口。 2. **数据存储**：系统可能利用Java的持久化技术，如JDBC（Java Database Connectivity）来与数据库进行交互...
在微信小程序开发中，"排队取号，map组件使用_微信小程序模板js代码前台前端H5页面源码.rar"是一个非常实用的资源，它包含了利用Map组件实现排队取号功能的示例代码。这个压缩包可能包括了HTML、CSS、JavaScript（JS...
【VKR_Electric_Queue:VKR 2021】是一个可能与电子排队系统相关的项目，这个系统可能被设计用于提升效率和服务质量，尤其是在公共场所如商场、医院、银行等地方。"VKR"可能是项目的缩写或者特定的命名规则，而"2021...
- **排队表**（Queue）：维护患者排队信息。 - **病历表**（MedicalRecord）：保存患者病历资料。 2. **关系设计**： - **一对一关系**：如用户与个人资料之间的关系。 - **一对多关系**：如患者与挂号记录之间...
4. **数据库设计**：在数据库设计中，可能包含叫号表（Queue）、用户表（User）等，其中叫号表记录每个号码及其对应的等待状态，用户表记录用户的基本信息，两者之间可能通过外键关联。 5. **用户注册与登录...
动画队列是 jQuery 库中的一种效果，用于实现页面中的动画队列，提供了多种动画队列方法，包括：`queue()`、`dequeue()`等。 #### 3.3.5 淡入淡出效果 淡入淡出效果是 jQuery 库中的一种效果，用于实现页面中的...
通过@creatrixity Adonis Queue-一个插件/插件包，可在AdonisJS 4.0+中提供基于驱动程序的作业排队服务，方法是@isocroft Alix -Alix，是a11y.css的Chrome扩展程序。 通过@ireaderinokun 牵牛星-一个时尚graphQL...
在这个名为"链接列表堆栈队列：来自CSS 143 UWB课程的项目"的实践中，我们聚焦于三种重要的线性数据结构：链表、堆栈和队列。这些概念在Java编程语言中具有广泛的应用，这也是本项目使用的编程语言。 1. 链表： ...
这时可以尝试使用`.promise().done()`或`.queue()`来确保DOM操作的顺序。 5. **CSS过渡冲突**：如果同时使用CSS过渡和jQuery动画，可能会导致冲突。确保在停止时，关闭CSS过渡或优先处理jQuery动画。 6. **回调...
在JQuery中，所有的动画方法如.show()、.hide()、.fadeIn()、.fadeOut()以及许多自定义动画方法都可以被添加到队列中进行排队执行。本文介绍的利用JQuery队列实现根据输入数量显示的动画，是通过以下几个关键知识点...
file_queue_error_handler : file_queue_error_function, file_dialog_complete_handler : file_dialog_complete_function, 当文件选取对话框关闭后触发的事件处理函数 upload_start_handler : upload_start_...
每个类可能对应系统的一个特定组件，如Patient、Queue、Doctor等。 2. **配置文件**：可能包含数据库连接配置，用于存储患者信息、预约记录等数据。这些信息通常以XML或.properties格式存储。 3. **测试代码**：...
- **队列管理**：`queue()`和`dequeue()`函数允许开发者对动画进行排队和控制，确保动画按顺序执行。 ### Ajax交互 - **$.ajax()**：这是jQuery的核心Ajax函数，可以配置各种选项进行异步请求。例如，`$.ajax({url...
- **说明**：为上传按钮添加额外的CSS类，以便于进一步定制样式。 3. **buttonCursor** - **说明**：设置上传按钮在鼠标悬停时的光标样式，默认值为`hand`（手形）。 4. **buttonImage** - **说明**：定义按钮...