编程 Javascript

Jquery实现简单的动画效果代码

Posted in Javascript onMarch 18, 2012

<!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> 
<title></title> 
<script src="http://demo.3water.com/jslib/jquery/jquery-1.7.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$("#panel").css("opacity", "0.1");//设置透明度 
$("#panel").click(function () { 
$(this).animate({ left: "400px", height: "200px", opacity: "1" }, 3000)//在3秒内向右移动400px,高度放大200px，透明度改为1 
.animate({ top: "200px,width:200px" }, 3000) 
.fadeOut("slow"); //以淡出的方式隐藏 
}); 
}) 
</script> 
</head> 
<body> 
<div id="panel" style=" position:relative; background-color:Olive; height:100px; width:100px; border:1px; border-color:Aqua;"> 
</div> 
</body> 
</html>

Jquery实现简单的动画效果代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js选项卡的实现方法

Feb 09 Javascript

JS获得图片alt信息的方法

Apr 01 Javascript

jquery插件EasyUI中form表单提交实例分享

Jan 11 Javascript

jQuery技巧之让任何组件都支持类似DOM的事件管理

Apr 05 Javascript

JavaScript 异步调用

Oct 25 Javascript

关于Google发布的JavaScript代码规范你要知道哪些

Apr 04 Javascript

vue树形结构获取键值的方法示例

Jun 21 Javascript

微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

Jan 23 Javascript

vue-cli构建vue项目的步骤详解

Jan 27 Javascript

vscode中eslint插件的配置（prettier配置无效）

Sep 10 Javascript

vue基础知识--axios合并请求和slot

Jun 04 Javascript

微信小程序实现点击生成随机验证码

Sep 09 Javascript

文本框获得焦点和失去焦点的判断代码

Mar 18 #Javascript

jQuery控制图片的hover效果（smartRollover.js）

Mar 18 #Javascript

基于jQuery的弹出框插件

Mar 18 #Javascript

js性能优化如何更快速加载你的JavaScript页面

Mar 17 #Javascript

Jquery命名冲突解决的五种方案分享

Mar 16 #Javascript

让人期待的2011年度最佳 jQuery 插件分享

Mar 16 #Javascript

JavaScript异步调用定时方法并停止该方法实现代码

Mar 16 #Javascript

You might like

php创建多级目录代码

2008/06/05 PHP

PHP定时更新程序设计思路分享

2014/06/10 PHP

JS效率个人经验谈（8-15更新），加入range技巧

2007/01/09 Javascript

5个最佳的Javascript日期处理类库分享

2012/04/15 Javascript

解析javascript 数组以及json元素的添加删除

2013/06/26 Javascript

js实现div拖动动画运行轨迹效果代码分享

2015/08/27 Javascript

常用原生js自定义函数总结

2016/11/20 Javascript

AngularJs实现聊天列表实时刷新功能

2017/06/15 Javascript

使用Node.js实现RESTful API的示例

2017/08/01 Javascript

详解vue-cli构建项目反向代理配置

2017/09/07 Javascript

Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法

2017/10/24 Javascript

vue里面使用mui的弹出日期选择插件实例

2018/09/16 Javascript

Vue项目自动转换 px 为 rem的实现方法

2018/10/29 Javascript

深入学习Vue nextTick的用法及原理

2019/10/08 Javascript

Egg Vue SSR 服务端渲染数据请求与asyncData

2019/11/24 Javascript

[05:06]TI4西雅图DOTA2前线报道海涛密探LGD训练

2014/07/09 DOTA

python多线程编程方式分析示例详解

2013/12/06 Python

Python中json格式数据的编码与解码方法详解

2016/07/01 Python

利用python批量检查网站的可用性

2016/09/09 Python

Python 中 list 的各项操作技巧

2017/04/13 Python

解决Pycharm运行时找不到文件的问题

2018/10/29 Python

在pandas多重索引multiIndex中选定指定索引的行方法

2018/11/16 Python

Python3批量生成带logo的二维码方法

2019/06/24 Python

python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码

2019/07/31 Python

python sklearn常用分类算法模型的调用

2019/10/16 Python

Python Sympy计算梯度、散度和旋度的实例

2019/12/06 Python

python实现爱奇艺登陆密码RSA加密的方法示例详解

2020/05/27 Python

电子信息毕业生自荐信

2013/11/16 职场文书

销售行政专员职责

2014/01/03 职场文书

厂区绿化方案

2014/05/08 职场文书

会议欢迎标语

2014/06/30 职场文书

2014司机年终工作总结

2014/12/05 职场文书

暑期工社会实践报告

2015/07/13 职场文书

2015年中秋晚会主持稿

2015/07/30 职场文书

获奖感言一句话

2015/07/31 职场文书

pandas 实现将NaN转换为None

2021/05/14 Python