没有合适的资源?快使用搜索试试~
我知道了~
文库首页
前端
Javascript
纯js(javascript)手风琴效果
纯js(javascript)手风琴效果
共2个文件
html:1个
js:1个
纯javascript
手风琴效果
Accordion效果
5星
· 超过95%的资源
需积分: 23
114 下载量
90 浏览量
2012-05-22
11:42:08
上传
评论
4
收藏
2KB
RAR
举报
温馨提示
立即下载
开通VIP(低至0.43/天)
买1年送3月
纯js(javascript)手风琴效果,无插件,非常小
资源推荐
资源详情
资源评论
手风琴效果(纯js)
浏览:2
手风琴效果(纯js),用于相册、 图片展示,很实用。
js手风琴效果
浏览:116
5星 · 资源好评率100%
很好用的jq特效,手风琴效果,横向的,动感十足,自己改css就可以做出很漂亮的效果。
js版本的手风琴效果
浏览:10
利用javascript封装了一个运动函数框架,实现了图片手风琴效果.查看博客还可以jquery版本的手风琴效果
javascript 实现手风琴效果
浏览:44
javascript 实现手风琴效果,里面的数据只是例子,各位同行可以对它进行稍微修改
纯js实现手风琴效果代码
浏览:162
我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发,这不仅节约了时间,也让效率大大的提高,并让公司的效益增加,何乐而不为呢? 但是,这也会有一定的缺点,比如jQ比js慢,尤其在大型项目中就会显现出来,下面我用原生js实现一个简单的手风琴效果效果。 HTML代码如下 结构非常简单就5个li盒子,js代码会渲染图片上去 <!DOCTYPE html> <html&
js鼠标滑过6屏焦点图左右伸缩的手风琴效果
浏览:171
js鼠标滑过6屏焦点图左右伸缩的手风琴效果
纯 JS 实现手风琴效果相册
浏览:165
通过 ES6 Class 实现风琴相册效果。 纯 JS 处理样式,无需分别引入 JS 和 CSS 文件。 通过传入父级 DOM 元素 id 进行绑定。 开发相册容器宽高配置,若未手动进行配置,则默认以传入的父级 DOM 的宽高为准。 传入的图片,默认以容器高度为准,等比例进行缩放。
原生js实现手风琴功能(支持横纵向调用)
浏览:144
话不多说,请看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>手风琴-支持横纵向调用-原生js封装</title> <link rel="shortcut icon" href="../public/image/favi
JS+CSS手风琴菜单
浏览:84
使用JavaScript和CSS设计的手风琴菜单
简单的js手风琴效果
浏览:149
4星 · 用户满意度95%
自己写的js手风琴效果,主要是用的div,想和大家分享练中的点点滴滴
js实现简单的手风琴效果
浏览:166
效果图: 图(1)初始图 图(2)点击展开效果 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padd
js横向手风琴效果
浏览:118
5星 · 资源好评率100%
非常漂亮的横向手风琴效果,搭载图片说明问题透明层,在显示时会动态移入,非常华丽。
JavaScript JS手风琴图片展示效果代码
浏览:120
4星 · 用户满意度95%
JavaScript手风琴图片展示效果代码,确实效果不错的东西,鼠标放到风琴的每一个键位上,会滑出清淅大图,整体效果动感十足,这种排列方式称之为横向手风琴,还有竖向的,特效用了几个比较大的图片,因此压缩包比较大...
经典精简原生javascript手风琴效果
浏览:188
JavaScript手风琴效果是一种常见的网页交互设计,常用于展示折叠式的内容区域,用户可以逐个展开或收起各个部分,以节省页面空间并提供良好的用户体验。这种效果在各种类型的网站和应用中都有广泛的应用,例如FAQs、...
最新javascript实现手风琴导航效果源码下载
浏览:65
最新javascript实现手风琴导航效果源码下载
纯js+html和纯css+html制作手风琴效果
浏览:74
在纯CSS实现的手风琴效果中,主要依赖于CSS的`transition`属性来创建平滑的过渡动画。下面的代码示例展示了一个简单的手风琴效果: ```html <!DOCTYPE HTML> body { background: url('bg.gif') repeat; } ul,li...
javascript手风琴代码
浏览:144
javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码javascript手风琴代码...
JS-实现手风琴效果
浏览:107
5星 · 资源好评率100%
JS-实现手风琴效果 用jS实现的手风琴效果,大家可以看看
js手风琴特效
浏览:193
js手风琴特效
手风琴效果JS网页特效
浏览:8
手风琴效果JS网页特效
【JavaScript源代码】js实现简单手风琴效果.docx
浏览:161
js实现简单手风琴效果 本文实例为大家分享了js实现手风琴效果的具体代码,供大家参考,具体内容如下 效果: 实现代码: *{ margin:0; padding:0; } ul,li{ list-style:none; } .box{ width:1200px;
手风琴tabs切换的JS代码
浏览:73
4星 · 用户满意度95%
手风琴js代码,下载下来,只要修改图片,您就可以直接可以使用!
纯js带弹性动画的手风琴图片相册特效.zip
浏览:187
这是一款使用纯javascript来制作的带弹性动画的手风琴图片相册特效。该手风琴图片相册在鼠标滑过时,相应的图片会水平展开,而图片的说明文字则会垂直滑动上来,形成一些视觉差的感觉。 使用方法 在页面中引入slider.js文件
jquery三级下拉折叠手风琴菜单导航效果
浏览:16
NULL 博文链接:https://panyongzheng.iteye.com/blog/1853490
Html5 js实现手风琴效果
浏览:59
使用H5实现横向的手风琴功能 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } div { widt
javascript 手风琴式的Tab菜单切换代码.rar
浏览:184
手风琴式的TAb切换菜单,类似选项卡,设计唯美,国外设计网站看到的,于是小编将源代码整理下来的,用到两个Js封装类,已打包。本效果适合于设计类、图片类、IT类网站作为推荐导航,兼容性良好,漂亮美观,相信很多朋友会喜欢的。
akkordion:VanillaJS 手风琴库
浏览:9
阿科迪翁 VanillaJS 手风琴库 ##为什么? 页面加载时没有闪光 通过类名和 data-* 属性初始化 非过渡浏览器的优雅降级 可以嵌套 不需要 jQuery 或其他依赖项 ##安装 bower i akkordion ##用法 使用.akkordion className 进行初始化 将.akkordion-active className 添加到内容元素以使其在开始时处于活动状态。
收起资源包目录
Accordion.rar
(2个子文件)
Accordion.js
5KB
手风琴效果.html
4KB
共 2 条
1
评论
收藏
内容反馈
立即下载
开通VIP(低至0.43/天)
买1年送3月
资源评论
资源反馈
评论星级较低,若资源使用遇到问题可联系上传者,3个工作日内问题未解决可申请退款~
联系上传者
评论
要赢了
2013-12-18
这是一个仿手风琴效果的菜单特效,真心不错,学习了
y136l
2013-10-16
效果还是不错的
小坟堆儿
2014-05-16
因为特殊需求正好可以参考
wolf0532
2015-02-10
还行,挺不错的
wly719
2017-11-21
学习一下,没用上
1
2
3
前往
页
hch126163
粉丝: 413
资源:
11
私信
上传资源 快速赚钱
我的内容管理
展开
我的资源
快来上传第一个资源
我的收益
登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏
我的下载
下载帮助
前往需求广场,查看用户热搜
最新资源
DB2培训手册中文最新版本
子比主题8.0开心版附带美化插件以及教程.zip
SpringBoot项目用到的代码
XML语言及应用技术中文最新版本
使用Java基于MongoDB和SpringData应用中文最新版本
线性回归代码 line-regression-demo 基于python
基于matlab的Laplacian-Edge-Detector 边缘检测算法
yolov5模型,pytorch python模型搭建
用redis实现跨服务器session中文最新版本
sqlserver跨服务器的触发器书写方法中文最新版本
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页