Jquery实现简单的动画效果代码
更新时间：2012年03月18日 13:51:40 作者：
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.jb51.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>
相关文章
博客园是程序员们比较喜欢的聚集地，很多人喜欢发发心得，一直都觉着挺好的，但最不满意他的一点是，没有返回到顶部的功能，好吧，我们自己来添。2015-01-01
使用jquery的cookie实现登录页记住用户名和密码的方法
今天小编就为大家分享一篇关于使用jquery的cookie实现登录页记住用户名和密码的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
下面小编就为大家带来一篇完美解决jQuery fancybox ie 无法显示关闭按钮的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
本篇文章主要是对jquery淡入淡出效果的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
本篇文章给大家详细分析了ajax的data参数错误导致页面崩溃的原因以及解决办法，有需要的朋友参考学习下。2018-04-04
下面小编就为大家带来一篇jquery 仿锚点跳转到页面指定位置的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要为大家详细介绍了EasyUI学习之Combobox下拉列表的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
目前市面上很少见或几乎没有这数据(对象)选择插件.比如,点击input , select 元素时弹出div(窗口),载入数据让用户选择数据,选择后在填充回对应的元素.2012-08-08
jQuery-ui引入后Vs2008的无智能提示问题解决方法
引入jQuery-vsdoc文件后，jQuery库就能智能提示了，解决方法很简单在jQuery-ui的目录下再加入一个空的JS文件，命名jquery-ui-vsdoc.js2014-02-02
今天写了个类似淘宝购物车全选状态，看下截图，效果还不错吧，具体的实现html及jQuery代码如下，感兴趣的朋友可以参考下哈2013-06-06
最新评论