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 交通频道 作文范文 人寿保险公司组训年终述职报告 长相思·歌雨 异次元之镜 劝学(转载) 儿子的问题作文1500字 家务劳动心得体会400 2015新版干部任用条例学习心得体会 蜘蛛的电报线 如何过中秋节作文200字 小学六年级作文1200字:济南,在你的季节里感动 在春天里等你 初中初三作文800字:卖火柴的小女孩 国家励志奖学金申请理由 观义马常村煤矿后有感作文900字 读《幸福的鸭子》有感作文300字 运动会口号16字8字霸气搞笑押韵(适合小学生幼儿园初中高中运动会) 爱情哲理句子要看他有谁相伴 读《镜花缘》有感900字 母爱的铃声 关于世界奇观的作文 团支部新学期工作计划 小猪唏哩呼噜历险记读后感800字 慈禧很美,但不上相 “走基层 看文化 促繁荣”活动开幕动员大会讲话稿 莫名伤感心情短语 爱国主义读后感作文:看《爱国主义电影之雷锋的故事》有感作文600字 2016青春托起中国梦演讲稿 家规伴我成长作文 等待一个美丽的邂逅 关于开展反窃电工作情况的汇报 QQ宠物风波 春节新年短信慰问你 《夕阳真美》教学设计 寒冬中的生命 关于世界水日宣传方案 读杜甫《留花门》 小学“节水、节电、节粮”主题班会 自学成才的物理学家焦耳-学习 时空隧道作文500字 催人奋进的话 吃饭的时候有伴就吃得香 不要吃陌生人的食物作文1000字 琐记 读后感1000字 商学院式的联姻平台何时真正能消 夜莺与蝙蝠250字 会计顶岗实习自我鉴定 静,如果有下辈子我娶你 绚丽多彩的意思_绚丽多彩的近义词 有助生活的美好经典语句(发现苦难有许多好处) 问天累吗 2014入党介绍人意见范文汇集

Copyright © 2016 phpStudy |