<!doctype html> <html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="jquery.js"></script> </head> <body> <img src="8fbf0884jw1drfmvfrhrhj.jpg" width="300" height="300"/> <button id="btn1">放大</button> <button id="btn2">缩小</button> </body> </html> <script> $(function(){ $('#btn1').click(function(){ alert("11"); $('img').animate({width:1000,height:1000},500); }); $('#btn2').click(function(){ $('img').animate({width:300,height:300},500); }); }); </script>
jquey实例之animate
原创魔法猫 博主文章分类:javascript ©著作权
文章标签 jquey实例之animate 文章分类 前端开发
上一篇:Linux命令行 (一)
下一篇:正则表达式
-
Jquey拖拽控件Draggable用法
本例主要目的是使用Jquey的Draggable控件........
asp.net js html jquery javascript 拖拽 -
animate jquery 插件 jquery animate源码
原创地址:idche 博客 首先要说,他们没有jquery的animate那么强大。jquery的自定义动画很强大,使得我们在网页里添加动画变得容易。引入一个巨大的代码框架一直是我不太喜欢的,所以我写了一个简单的自定义动画。1:实例演示OK这个动画代码当然没有jquery的animate那么强大。看下面的测试。他现在能完成的功能 比如 width height margin padding top
animate jquery 插件 javascript 自己定义动画 animate 模仿jquery-animate