jquery之超简单的div显示和隐藏特效demo(分享)_jquery_动视

jquery之超简单的div显示和隐藏特效demo(分享)_jquery

2020-11-27 21:11:48 责编:小采

代码如下:

无标题文档

$(document).ready( function(){});
function hiden(){
$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast
}
function slideToggle(){
$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上
}
function show(){
$("#divObj").show();//显示,参数说明同上
}
function toggle(){
$("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上
}
function slide(){
$("#divObj").slideDown();//窗帘效果展开
}

div里内容的显示隐藏特效

1.测试例子

2.测试例子

3.测试例子

4.测试例子

5.测试例子

6.测试例子

7.测试例子

8.测试例子

9.测试例子

0.测试例子

下载本文

显示全文

全部频道

div里内容的显示隐藏特效