jQuery 显示 隐藏 操作
来源:互联网 发布:题库软件哪个好 编辑:程序博客网 时间:2024/05/26 02:19
<!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>无标题文档</title> <script src="jquery-1.8.3.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function(){}); function hiden(){$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如:hide(2000) 以2000毫秒的速度隐藏}function slideToggle(){$("#divObj").slideToggle(200);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上}function show(){$("#divObj").show();//显示,参数说明同上}function toggle(){$("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上}function slide(){$("#divObj").slideDown();//窗帘效果展开}</script></head><body><h3>div里内容的显示隐藏特效</h3><input type="button" value="隐藏" onclick="hiden()"/><input type="button" value="显示" onclick="show()"/><input type="button" value="窗帘效果显示2" onclick="slide()"/><input type="button" value="窗帘效果的切换" onclick="slideToggle()"/><input type="button" value="隐藏显示效果切换" onclick="toggle()"/><div id="divObj" style="display:none"> 1.测试例子<br/> 2.测试例子<br/> 3.测试例子<br/> 4.测试例子<br/> 5.测试例子<br/> 6.测试例子<br/> 7.测试例子<br/> 8.测试例子<br/> 9.测试例子<br/> 0.测试例子<br/> </div></body></html>
0 0
- jQuery 显示 隐藏 操作
- js/jquery操作div显示或隐藏
- 【jQuery】鼠标进入\离开操作实现div显示\隐藏
- JQuery操作div隐藏和显示的4种动画
- jquery显示隐藏列
- jquery 判断显示 隐藏
- jquery显示隐藏元素
- 显示 隐藏 jquery
- jquery显示隐藏div
- jQuery 隐藏显示
- JQuery显示隐藏层
- jquery显示隐藏元素
- jquery 显示隐藏div
- jquery 显示隐藏div .
- JQuery 显示隐藏切换
- Jquery 隐藏显示层
- jQuery 隐藏和显示
- jQuery 点击 隐藏 显示
- C 查找字符在字符串中位置的方法
- 朋友圈营销鱼龙混杂 微信商业化谨慎前行
- 容器适配器
- 汽车变速器的装配和维修如何进行
- Python 用到的几个库
- jQuery 显示 隐藏 操作
- 解析智能手机产业链
- Linux的GDB远程调试的实现
- Spring AOP + AspectJ annotation
- 学徒浅析Android开发:第四讲——ImageView图片你的控制
- Hypertable源码解读之RangeServer启动过程
- 调整php和mysql的时间 utc转为北京时间
- <PY><core python programming笔记>C19 图形用户界面编程
- MTU与MSS的比较分析