软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 网页特效 > 层和布局 > jQuery 折叠/合并,展开/收缩的层,动画效果

jQuery 折叠/合并,展开/收缩的层,动画效果

  两个折叠、伸展的层,基于jQuery框架实现,有简单、平滑的动画效果,实现方法如下:

  1,首先把JQ导入.

  2,然后开始写函数了。$(document).ready(function(){});

  3,前面说过了,获取标签能直接 $("标签")。给标签注册 onclick事件直接可以 click.

  4,核心代码:

  $("head").click(function(){$("content").slideToggle("slow");});

  5,slideToggle(speed, callback)

  通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。

  这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。

  参数:

  speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

  callback (Function): (可选) 在动画完成时执行的函数

  为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。

  点击查看:网页特效

  运行演示:


提示:可修改后代码再运行!

    相关阅读
    栏目导航
    推荐软件