<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery 显示与隐藏</title> <script type="text/javascript" src="js/jquery-1.10.1.js"></script> <script type="text/javascript" src="js/demo.js"></script> <link rel="stylesheet" type="text/css" href="css/demo.css" /> </head> <body> <input class="show" type="button" value="显示" /> <input class="hide" type="button" value="隐藏" /> <div id="box"> </div> </body> </html>
/* CSS Document */
#box{ width:200px; height:160px; background:#0F9;}
$(function(){
/*
$('.show').click(function(){//显示
$('#box').show();
});
$('.hide').click(function(){//隐藏
$('#box').hide();
});
$('.show').click(function(){
$('#box').show(1000);//显示用了 1 秒
});
$('.hide').click(function(){
$('#box').hide(1000);//隐藏用了 1 秒
});
*/
//除了直接使用毫秒来控制速度外，jQuery 还提供了三种预设速度参数字符串：show、normal和fast，
//分别对应 600 毫秒、400 毫秒和 200 毫秒
$('.show').click(function(){
$('#box').show('fast');//200毫秒
});
$('.hide').click(function(){
$('#box').hide('');//默认 400 毫秒
});
});
效果图：
相关推荐
jQuery密码显示隐藏登录表单
jquery显示隐藏菜单实例jquery显示隐藏菜单实例
完美的鼠标放上去jquery显示隐藏层，源程序来自网络，感谢原作者，我在上面增加成了显示隐藏多个层，而且是任意位置的图片、文字均可以，非常实用。简单到一眼看明白使用方法，希望帮到需要的朋友。
jQuery隐藏显示密码插件 jQuery隐藏显示密码插件 jQuery隐藏显示密码插件
NULL 博文链接：https://carey-pro.iteye.com/blog/1451881
利用jquery实现层的显示与隐藏效果。
jquery点击显示 隐藏事件 button div
jquery密码显示或者隐藏,能兼容各种主流浏览器
jquery返回顶部隐藏按钮
jquery实现隐藏和显示实例
jQuery显示隐藏DIV简单实例，需要隐藏网页的部分内容时经常会使用到展开、收起DIV，不是弹出的效果。
jQuery带显示隐藏左右按钮的幻灯片效果
jQuery显示隐藏和复制表单密码字段插件。该插件提供多种方式显示和隐藏表单password字段的密码，并额外提供复制密码字段为纯文本的功能。
jquery实现多余文字显示或隐藏
jQuery显示隐藏密码插件jquery.toggle-password
jQuery密码显示隐藏登录表单代码基于jquery-1.8.3.min.js制作，有用户名、密码输入框，兼容PC端和手机移动端。
在html页面，进行jquery代码控制图片的显示隐藏效果源码，代码可以运行。放心使用。
鼠标悬停在图片上后，显示隐藏的另外一张图片，鼠标移走后返回之前图片，整个过程带有翻转效果 原理： 附件提供了7个单元的翻转效果，其原理只有一个，其他的只是相对定位绝对定位实现而已。 ...
这是一款jQuery显示/隐藏更多文字内容插件。该插件可以将很长的一段文字按要求进行部分隐藏和全部展示，并且可以定制隐藏和展开内容时的动画效果。