• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery+CSS 半开折叠效果原理及代码(自写)

jQuery+CSS 半开折叠效果原理及代码(自写)

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了半开,折叠等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
一个项目想用jQuery做一个可以半折叠的DIV元素,苦于jQueryUI中accordion没有提供相关的方法,就自己写了个。以前使用jQueryUI的时候发现能够用的accordion全部折叠起来了,没办法设置折叠的最小高度。
代码质量很低,希望老鸟能够指点指点。

下图是效果展示,能够借由jQuery的函数展开收缩
 
viewbutton的层级可自行修改,但要注意动画的目标是什么。我写的viewbutton会对它上一级的那个div做动画,所以就不用把选择器写得过于复杂了。
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery+CSS 半开折叠效果原理及代码(自写)

相关文章

  • jQuery 处理网页内容的实现代码
  • 强烈推荐240多个jQuery插件提供下载
  • jquery获取一组checkbox的值(实例代码)
  • jQuery使用fadeout实现元素渐隐效果的方法
  • jquery Banner轮播选项卡
  • jQuery实现网页顶部固定导航效果代码
  • jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
  • jquery中object对象循环遍历的方法
  • JQuery分屏指示器图片轮换效果实例
  • 在jQuery ajax中按钮button和submit的区别分析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery Selectors(选择器)的使用(一、基本篇)
    • jQuery实现点击按钮文字变成input框点击保存变成文字
    • 几行代码轻松搞定jquery实现flash8类似的连接效果
    • jQuery实现动画效果的实例代码
    • jquery实现textarea 高度自适应
    • 基于jquery扩展漂亮的CheckBox(自己编写)
    • jQuery中[attribute=value]选择器用法实例
    • 用jQuery扩展自写的 UI导航
    • jQuery定义背景动态切换效果的方法
    • Jquery阻止事件冒泡 event.stopPropagation

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有