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 交通频道 作文范文 魔鬼季节作文700字 在傻女孩身上看到的一个家庭 放在心里,淡淡相处 自由与幸福 我给弟弟讲故事 交通运输局党总支“三严三实”专题民主生活会情况汇报 寒假复活读后感 站在心灵的十字路口 学骑自行车的启示300字 科技课真有趣 小学四年级作文400字:恼人的电话铃 三年级上学期语文教学工作计划 感动的十天 水是故乡甜 青年文摘2011年第21期在线阅读 深圳打工生涯(一) 观看《让党旗更鲜艳》的心得体会 你不要担心 只是、季节的童话作文650字 我和孤儿200字 那是一个冬天 黛色第六章-晚宴 心伤,只有你能治! 护士转正自我鉴定范文2015 观察大蒜作文450字 军训心得作文1000字 春节的年味为什么越来越淡? 睡前的故事 小学五年级作文600字:空中大战 No road of flowers leads to glory. //英文励志名言警句 高中高三作文1500字:海 有关写新年的回忆作文:新年里的回忆 小学五年级作文650字:友 情 的 分 量 2015毕业生党员思想汇报 初中初一作文1200字:走在充满美的校道上 邀请函英文格式 大学生实习决心书_决心书 小学五年级作文450字:珍爱生命 拒绝毒品 散文随笔:另一样的风景 关于团队精神的名言名句 关于建设节约型机关的意见 念孔明赋作文200字 药丸与糖果 世界上最感人的话-感动的一句话 搓麻将与“黄石的孩子” 我多想为你 秋之赋作文450字 细火快炖 小时候的热蛋糕 “八一”广场的夜晚

Copyright © 2016 phpStudy |