jQuery 百分网手机站

jquery之超简单的div显示和隐藏特效demo简介

时间:2018-04-18 17:05:22 jQuery 我要投稿

jquery之超简单的div显示和隐藏特效demo简介

  复制代码 代码如下:

  $(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.测试例子

【jquery之超简单的div显示和隐藏特效demo简介】相关文章:

1.jquery显示和隐藏div特效的实例

2.有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

3.如何显示和隐藏Excel公式

4.显示jquery代码的四种方式

5.关于jQuery学习笔记之jQuery的动画

6.用JQuery实现鼠标点击文本框显示隐藏提示文本

7.jQuery控制元素显示隐藏切换滑动的方法总结

8.影视制作特效简介