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


复制代码 代码如下:

<!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.phpstudy.net/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>



相关阅读:
什么是javascript及其特点
PHP操作XML作为数据库的类
一个删除指定表的所有索引和统计的过程
Oracle数据库迁移介绍
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Joomla教程:jtablesession::Store Failed错误解决方法
PHP学习之整理字符串
WEB标准化的过渡方案
同一个帐号不能同时登陆的问题
无hack无js全兼容text-overflow-ellipsis效果
正则表达式中的特殊字符
加入跨子网路由 Windows Server 2008 VPN
如何用javascript防止连打
一个UBB的PHP类
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 一时的离去一辈子的痛 六一儿童节演讲稿 树上还有几只小鸟作文300字 政协提案办理情况通报 改写《揠苗助长》作文600字 餐饮部4月份工作总结 宾、谓、主格赏宋词 长篇小说连载:大飞的情感生活(第十章)(全完本) 小学五年级作文800字:超级女声之金陵十二钗 失恋的句子 分手时,请不要告诉我,其实你也真的爱过我 我能成功作文350字 动手比动口重要 人生.生活 古朴粗犷的烟雨柳江 烟花易冷,等待烟花绽放的时间 用艺术和知识装点最美的青春600字 某个人,告诉你,失去你的那一刻我哭了! 当我老去的时候(When I was old when) 2011年质监信息所述职汇报 2013圣诞节祝福手机短信 人生确实是一本书 英语生命课堂 看完忍住,不要掉眼泪。555... 我向着阳光的地方,奔跑,无止无休 承德赋 保护小动物200字 全市建设社会主义新农村工作会议讨论会讲话 圣经安慰人的话 保护环境倡议书 好人难做 我是流氓我畏谁作文1300字 《黄继光》读后感作文500字 发觉一种美 蓦山溪(叶尚书生朝避客三洞) 写给你,一个素未谋面的朋友---晓玲 读《弟子规·入则孝》有感 工作被投诉检讨书 初中初一作文600字:我家跨上了信息高速公路 飞翔,哪怕翅膀断了心800字 小学祭扫烈士陵园主持词 元旦晚会策划书 2014精选 孙悟空参观电器之旅 细节的力量 全县乡干部培训班结业典礼讲话发言 我与小路再见时作文 小学五年级作文2750字:高中军训作文 人生有尺,做人有度 《翠鸟》仿写森林医生——啄木鸟 印章管理制度 小区创建平安小区活动启动仪式致辞

Copyright © 2016 phpStudy |