51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS3手风琴下拉菜单
在线演示 本地下载
手风琴下拉菜单
CSS
转载
mob604756ff4913
2018-12-04 16:42:00
106阅读
2评论

CSS3手风琴菜单 可同时折叠多个菜单
在线演示 本地下载
CSS3手风琴菜单
CSS
转载
mob604756f23a7e
2018-12-03 20:30:00
180阅读
2评论

javascript 手风琴菜单 手风琴控件
在手风琴控件中，每个标题被点击时都有一段内容可以展开，来显示更多信息。有些设计可以在打开手风琴控件的一部分的同时关闭其他部分。STEP0：下载练习文件如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Ax
javascript 手风琴菜单
手风琴控件android
动态面板
复选框
可见性
转载
mob64ca13f9e726
2023-11-15 20:53:24
189阅读

CSS3展开带弹性动画的手风琴菜单
在线演示 本地下载
手风琴菜单
CSS
转载
mob604756ff4913
2018-12-04 16:47:00
336阅读
2评论

html5手风琴 html手风琴特效
实验介绍手风琴效果一直是比较流行的页面特效之一，本节课将会带大家看一个不一样的手风琴效果，通过 JavaScript 实现全屏手风琴。最终效果如下： 知识点视口单位绝对定位与相对定位transform 属性伪元素 before 和 after通过 CSS3 完成动画JavaScript 添加类本实验完整代码获取命令如下：wget https://labfile.oss.aliyuncs
html5手风琴
用javascript实现以下功能!
3d
html
css
转载
JAVA小侠影
2024-06-28 09:08:32
167阅读

垂直手风琴折叠菜单
在线演示 本地下载
垂直手风琴
it技术
转载
mb5ffd7010f3b33
2018-12-04 10:31:00
259阅读
2评论

手风琴
###实现思路 1.创建容器Accordion 设置宽高。 2.容器里面创建一个列表 给ul设置弹性盒子 使li一排显示（也可以使用左浮动） 列表里放三张图片。 3.给li设置宽高 图片设置宽100%（目的继承li的宽） 使其图片占满父盒子（即手风琴静态样式）。 4.给li增加点击事件 通过动画改变 ...
javascript
宽高
css
html
点击事件
转载
mob604756f04b77
2021-08-17 00:02:00
292阅读
2评论

手风琴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
jquery
html
ide
原创
wx360w684er9d
2022-11-04 17:42:49
185阅读

android 安卓手风琴式菜单 ui手风琴布局
上期讲了easyUI最重要的组件：面板，这期讲讲布局和手风琴运用jQuery easyUI是需要引用文件的，详见上一期布局（layout）效果图如下：我们从上图可以看到，整个布局分为五个部分，分别为上，下，左，右，中，其中，上，下，左右 是可以不要的，中部是必须的，我们先来看看上图中的源代码<body> <h2>Basic Layout</h2>
android 安卓手风琴式菜单
easyui
jquery
前端
ico
转载
fjfdh
2023-06-28 11:00:26
468阅读

javascript手风琴效果 vue 手风琴
应用技术：1、VUE的transition2、CSS 变量HTML代码：1 <div id="app"> 2 <div class="collapse"> 3 <div class="collapse-item" v-for="(item,inx) in list" :key="item" :class="{'is-acti
javascript手风琴效果
应用技术
ci
Vue
转载
jimoshalengzhou
2023-06-08 15:36:50
516阅读

炫酷实用的CSS3代码垂直手风琴菜单
今天在微博上看到别人分享的代码，自己拿来自己保存着。 代码效果如下： 下面是源码： index.html 下面是样式文件： style.css 具体为什么是这个效果，我也不知道，以后有空再分析吧。
html
3d
ide
css
twitter
转载
mb5ff590c45613d
2017-11-17 18:21:00
251阅读
2评论

bootstrap3手风琴效果解析
首先它是基于组件面板做的。 最简代码示例 <div class="panel-group" id="accordion"> <div class="panel panel-default" > <div class="panel-heading"> <a class="collapsed" data ...
sed
选项卡
代码示例
数据
转载
mob604757001c56
2021-09-28 13:42:00
539阅读
2评论

CSS3 全屏大气手风琴图片展示插件
插件简介之前我们分享过很多基于jQuery和CSS3的手风琴插件，有手风琴菜单，也有手风琴图片切换插件。今天我们要带来的这款是基于JavaScript和CSS3的全屏手风琴图片展示插件，鼠标滑过图片时会显示当前图片的序号，点击图片时可以全屏显示大图，非常大气，适合高端产品的图片展示。插件预览插件下载在线演示链接：https://www.html5tricks.com/demo/css3-fulls
Java
原创
mb5ff5930cde1cd
2021-01-17 17:13:12
254阅读

jquery菜单栏手风琴展开收缩 jquery实现手风琴
目录前言一、案例展示三、代码实现总结 前言本案例会使用jQuery动画来实现一个简单的手风琴效果。一、案例展示页面打开后，初始页面如下：当鼠标滑过这个蓝色的方块的时候，蓝色方块的状态就会发生如下图所示的变化，同理当鼠标滑到其他颜色的方块也会发生同样的效果，不仅大小会改变同时方块的颜色也会跟着发生变化： 当我们添加图片后还可以形成像王者荣耀如戏图所示的这样的效果：二、案例分析，如何实现在
jquery菜单栏手风琴展开收缩
javascript
jquery
html
jQuery
转载
mob64ca1413c518
2023-09-23 15:36:13
211阅读

Web前端-手风琴式菜单
手风琴式菜单  示例代码HTML   <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
java
转载
mb5fe55a455f6b0
2021-06-13 18:59:12
842阅读

jquery手风琴折叠菜单代码
# jQuery手风琴折叠菜单的深入解析 在现代网页设计中，我们常常需要展示大量内容，而又不希望用户面对一堆杂乱的信息。为了解决这个问题，手风琴折叠菜单逐渐成为一种流行的UI组件。本文将详细介绍如何使用jQuery来创建一个简单的手风琴折叠菜单。 ## 什么是手风琴折叠菜单？ 手风琴折叠菜单是一种交互式的内容展示方式，通过点击标题可以展开或收起对应的内容区域。这种设计使得页面更加简洁，同时也
jQuery
HTML
ide
原创
mob64ca12f24f3a
9月前
29阅读

jquery 手风琴 json jquery实现手风琴
jQuery实现手风琴效果，这里是纵向的，效果图如下：在此处是当鼠标移动到p上面的时候，p下面的ol里面的内容显现出来主要用了html，css，jQuery的知识先把大致需要的东西写出来，此处用的是ul，一个ul里面用了4个li，在li下又有p标签和新的内容，这里p代表的是诗歌的题目和作者的名字，p标签下面的内容是诗歌的具体内容，p标签下面用了一个ol和4个li，放诗词内容的在style中写了一些
jquery 手风琴 json
html
ide
css
转载
信息流星
2023-06-01 16:25:02
125阅读

jQuery实现多级手风琴菜单
手风琴菜单一般用于下拉导航，由于外观非常简洁，使用起来跟手风琴一样可以拉伸和收缩而得名，项目中适当应用手风琴效果会给用户带来非常好的体验。本文借助jQuery插件轻松打造一个非常不错的手风琴效果的菜单。 [img]http://www.helloweba.com/attachments/fck/multi_menu.gif[/img] Demo: [url]http://www.helloweba
javascript
前端
ViewUI
jQuery
html
原创
pyzheng
2023-06-04 14:52:17
103阅读

html5 手风琴菜单
# HTML5 手风琴菜单实现指南 手风琴菜单是一种流行的用户界面组件，允许用户通过展开或折叠来查看内容。在这篇文章中，我将带你逐步实现一个简单的 HTML5 手风琴菜单。首先，我们会列出实现的步骤，然后我将为每一步提供必要的代码和解释。 ## 实现步骤 | 步骤 | 描述 | | ---- | -------------------------
HTML
CSS
HTML5
原创
mob64ca12f1c6f8
2024-10-09 06:40:21
42阅读

js手风琴
js手风琴
js
手风琴
原创
12345caixiao
2016-03-21 19:32:39
527阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

jquery 手风琴

jquery手风琴

android 手风琴

手风琴效果

jquery 手风琴 牌 jquery实现手风琴特效

html5移动端手风琴菜单栏 js实现手风琴

jQuery实现手风琴效果 jquery制作手风琴效果

自适应jquery手风琴代码 bootstrap手风琴效果

jQuery多层级垂直手风琴菜单

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯