jQuery 实现图片动画代码
2015-05-19 15:05
232 查看
向下移动动画
$(".image").click(function(){ $(this).animate({height:'0px'}) });
$(".image").click(function(){ $(this).animate({height:'0px'}) });
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <div style="text-align:center;width:700px"> <img class="image" src="0.jpg"/> <img class="image" src="02.jpg"/> <img class="image" src="03.jpg"/></div> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <script src="hmsx.js"></script> </body> </html>
相关文章推荐
- jQuery实现动画效果的实例代码
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- Jquery代码实现图片轮播效果(一)
- jquery实现鼠标拖动图片效果示例代码
- jquery二级菜单动画效果的实现代码
- jQuery动画效果实现图片无缝连续滚动
- jquery实现带左右箭头和数字焦点的图片轮播手写代码
- 通过jquery实现图片随机排列特效代码
- jQuery动画效果实现图片无缝连续滚动
- FLEX: 代码实现图片文字动画效果
- jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
- 利用JQuery动画制作滑动菜单项效果实现步骤及代码
- jquery实现初次打开有动画效果的网页TAB切换代码
- Jquery实现图片放大镜效果的思路及代码(自写)
- jquery代码实现简单的随机图片瀑布流效果
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- 9种jQuery和css3图片动画特效代码演示
- js或者jquery判断图片是否加载完成实现代码