JQuery 使用.show()和.hide()做的可爱动画
来源:互联网 发布:java源码 编辑:程序博客网 时间:2024/04/29 23:41
只是最基本的东西,没啥稀奇的,只是今天看jquery教程的时候偶然看到show()和hide()是可以写两个参数的,
第一个参数是元素隐藏/显示的速度(单位:毫秒),另一个是一个function类型。
例子如下,消失时会同时向上向左移动并且字体颜色逐渐淡化,元素还会还一直抖动,显示时相反,这种渐变效果挺可爱的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> </head> <body> <div> <h4>我喜欢吃的水果</h4> <ul> <li>苹果</li> <li>甘桔</li> <li>梨</li> </ul> <input id="hidval" type="hidden" value="0"/> </div> <script type="text/javascript"> $(function () { $("h4").bind("click", function () { //第一种写法 if ($("#hidval").val() == 0) { $("ul").hide(3000,function() { $("#hidval").val(1); }); } else { $("ul").show(3000,function(){ $("#hidval").val(0); }); } //第二种写法 //$("ul").toggle(3000); }) }); </script> </body></html>
0 0
- JQuery 使用.show()和.hide()做的可爱动画
- 【jQuery】动画效果的show()和hide()方法
- jquery动画show () hide()
- jQuery动画animate使用show hide toggle
- 4.2.1: jQuery动画之show()方法和hide()方法
- 前端学习 jQuery动画 show Hide
- JQuery 显示隐藏动画( show(),hide(),toggle() )
- jQuery动画-让页面动起来! (2)基本的动画函数主要分为show, hide和toggle
- 使用jquery的show和hide碰到的小问…
- jquery的hide(),show(),fastIn(),fastOut(),slideUp(),slideDown()的使用
- Frafment 的show和hide
- jQuery hide() 和 show() 隐藏和显示
- jQuery 效果 show() 和 hide()方法
- FragmentTransition replace add show hide方法的使用和差异
- Android Fragment使用hide和show方法的问题
- jQuery的隐藏显示hide(),show()方法
- JQuery show hide方法
- JQuery基礎.show();.hide();
- Struts2 在登录拦截器中对ajax请求的处理
- fatal error C1859: “x64\Release\58Tn.pch”意外的预编译头错误,只需重新运行编译器就可能修复此问题
- Java中的Atomic包使用指南
- JQuery 动态创建表单,并自动提交
- Struts实例
- JQuery 使用.show()和.hide()做的可爱动画
- Usb Composite Device (audio+hid) Descriptor
- Ubuntu 12.04安装GCC-3.4.6
- JQuery 一些特殊符号的使用
- Oracle 外部表
- 漫画 神秘的程序员们
- mysql的一些操作(linux+windows)持续更新
- HTML5介绍
- Linux wc 命令,查看行数,字节数