编程 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 相关文章推荐

ymPrompt的doHandler方法来实现获取子窗口返回值的方法

Jun 25 Javascript

JavaScript 高级篇之闭包、模拟类,继承（五）

Apr 07 Javascript

jquery实现图片左右间隔滚动特效(可自动播放)

May 08 Javascript

Vue单文件组件基础模板小结

Aug 10 Javascript

Vue-cropper 图片裁剪的基本原理及思路讲解

Apr 17 Javascript

vue、react等单页面项目部署到服务器的方法及vue和react的区别

Sep 29 Javascript

Node.js 使用axios读写influxDB的方法示例

Oct 26 Javascript

vue中利用simplemde实现markdown编辑器（增加图片上传功能）

Apr 29 Javascript

通过jQuery学习js类型判断的技巧

May 27 jQuery

vue+moment实现倒计时效果

Aug 26 Javascript

vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip

Jun 02 Javascript

jquery实现简易验证插件封装

Sep 13 jQuery

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

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 字符串加密函数(在指定时间内加密还原字符串，超时无法还原)

2010/04/28 PHP

php中time()与$_SERVER[REQUEST_TIME]用法区别

2014/11/19 PHP

PHP中isset与array_key_exists的区别实例分析

2015/06/02 PHP

PHP的Yii框架中创建视图和渲染视图的方法详解

2016/03/29 PHP

php实现的三个常用加密解密功能函数示例

2017/11/06 PHP

用JavaScript调用WebService的示例

2008/04/07 Javascript

当jQuery遭遇CoffeeScript的时候使用分享

2011/09/17 Javascript

jquery 绑定回车动作扑捉回车键触发的事件

2014/03/26 Javascript

js实现千分符和保留几位小数的简单实例

2016/08/01 Javascript

jquery 点击元素后,滚动条滚动至该元素位置的方法

2016/08/05 Javascript

Jquery UI实现一次拖拽多个选中的元素操作

2020/12/01 Javascript

微信小程序页面之间传参实例详解

2017/01/13 Javascript

JS字符串按逗号和回车分隔的方法

2017/04/25 Javascript

基于JavaScript实现带数据验证和复选框的表单提交

2017/08/23 Javascript

JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例

2018/02/08 Javascript

Vue + Elementui实现多标签页共存的方法

2019/06/12 Javascript

简单了解three.js 着色器材质

2020/08/03 Javascript

[02:36]DOTA2英雄基础教程帕格纳

2014/01/20 DOTA

[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局

2016/02/27 DOTA

[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN

2018/03/30 DOTA

Python实现删除当前目录下除当前脚本以外的文件和文件夹实例

2015/07/27 Python

Python基于回溯法子集树模板解决数字组合问题实例

2017/09/02 Python

python requests模拟登陆github的实现方法

2019/12/26 Python

Python使用requests xpath 并开启多线程爬取西刺代理ip实例

2020/03/06 Python

解决python运行效率不高的问题

2020/07/20 Python

希尔顿酒店中国网站：Hilton中国

2017/03/11 全球购物

Airbnb爱彼迎官网：成为爱彼迎房东，赚取收入

2019/03/14 全球购物

师范生实习个人的自我评价

2013/09/28 职场文书

鞋类设计与工艺专业销售求职信

2013/11/01 职场文书

大学毕业感言100字

2014/02/03 职场文书

带病坚持工作事迹

2014/05/03 职场文书

银行求职自荐信

2014/06/30 职场文书

员工工作心得体会

2019/05/07 职场文书

Django实现在线无水印抖音视频下载(附源码及地址)

2021/05/06 Python

Python下opencv库的安装过程及问题汇总

2021/06/11 Python

Android自定义双向滑动控件

2022/04/19 Java/Android