[廾匸] 2016-06-01 09:59 采纳率: 87.5%
浏览 1363
已采纳

手机版的侧栏滑出效果

原图
这是原图
滑出图
这是左侧栏滑出效果图
1、当点击首页的图标时，左侧栏划出，再点击图标时，左侧栏隐藏；
2、手指从左向右滑动，左侧栏划出，再手指向左滑动，左侧栏隐藏。
这两个效果都要可以用，求大神帮忙，急！！！

  • 写回答

2条回答 默认 最新

  • [廾匸] 2016-06-01 11:27
    关注

    真心求大神帮忙了。。。。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 侧栏弹出导航特效代码
    2021-03-20 05:07
    标题中的“侧栏弹出导航特效代码”是指一种网页设计技术，主要用于实现用户交互时，侧边栏菜单或导航栏以动画形式从页面边缘滑出的效果。这种特效常见于响应式设计中，使得网站在不同屏幕尺寸下都能提供良好的用户...
  • html5手机版右侧导航菜单栏滑动代码.zip
    2019-08-22 12:00
    滑动动画可能通过`transition`和`transform`属性实现，当用户触摸屏幕或点击按钮时，导航栏会平滑地从右侧滑入或滑出。 JavaScript是实现动态交互的关键，`js`文件夹中的脚本可能包含了触发动画的逻辑。在HTML5中，...
  • 侧栏JQuery滑动css3交互动画响应式模板5929.zip
    2024-04-07 18:06
    在描述中提到的“css3交互动画”，指的是利用CSS3的这些特性来创建视觉效果，例如侧栏滑入滑出的动画效果，可能包括透明度变化、位置移动和尺寸调整等。 3. **HTML**：HTML（超文本标记语言）是网页内容的基础结构...
  • 侧栏JQuery滑动css3交互动画响应式模板5095.zip
    2021-08-16 11:42
    标题中的“侧栏JQuery滑动css3交互动画响应式模板5095”指的是一个Web设计资源，它结合了jQuery、CSS3以及响应式布局技术，用于创建具有动态侧栏滑动效果的网站模板。这个模板适用于那些希望创建交互性强、视觉效果...
  • QQ滑动侧栏效果
    2016-08-20 13:57
    printmyname的博客 在2016暑假前面大概一个月的断断续续（同时在考驾照）的web前端开发的学习，我已经对HTML、HTML5、CSS、CSS3、JavaScript和bootstrap有了基本的了解，前几天...言归正传，这篇博文的主题是QQ滑动侧栏效果，这是在web开
  • 网页课程设计&毕业设计_侧栏JQuery滑动css3交互动画响应式网站模板.zip
    2024-03-02 11:04
    该资源是一个针对网页课程设计和毕业设计的项目，包含了一个响应式网站模板，重点在于侧栏的JQuery滑动效果和CSS3交互动画。这个模板适用于学生进行课程作业或毕业设计，帮助他们构建现代、动态且适应不同设备的网站...
  • 2057侧栏JQuery滑动css3交互动画响应式模板5095_企业网站模板PHP整站源码.zip.7z
    2023-08-01 17:25
    在本模板中，JQuery被用于实现侧栏的滑动效果，这可能是通过绑定事件监听器，控制元素的显示与隐藏，以及平滑过渡等方法来实现的。 2. **CSS3**：CSS3是CSS的最新版本，提供了许多新的选择器、样式和动画功能。在这...
  • 炫丽侧栏html5单页网站模板
    2021-04-02 19:51
    使用CSS3（级联样式表第三版）可以实现动态效果，如滑动展开、渐变颜色变化等，使侧栏更具吸引力。CSS3还提供了媒体查询（Media Queries），使得模板能根据设备屏幕尺寸进行响应式布局，确保在手机、平板电脑和桌面...
  • html5 侧边滑动,jQuery高仿真移动手机滑动侧边栏布局插件
    2021-06-28 01:21
    无用功无事忙的博客 该jQuery插件能够制作出和手机应用程序效果完全相同的隐藏滑动侧边栏和多级菜单效果。它的特点有：滑动侧边栏可以放置在页面的上下左右四个位置。可以作为水平滑动菜单或垂直下拉菜单使用。整个布局包括完整的搜索框...
  • 绿色摩托车产品展示页面html5模板-机车 导航 菜单 menu 侧栏 wap 手机 宽屏 w3 响应式 bootstrap
    2022-11-20 11:40
    描述中提到的关键词如“绿色”、“摩托”、“摩托车”、“机车”、“导航”、“菜单”、“侧栏”、“wap”、“手机”、“产品展示”、“宽屏”、“w3响应式”、“bootstrap”、“幻灯”和“单页”都揭示了这个模板的...
  • 蓝色侧栏大气css3商业服务整站模板-整站 手机 app 手机应用 大图 幻灯 电脑 科技 html5 展示 响应式
    2022-11-26 12:41
    这个模板以其蓝色调的侧边栏设计、大气的视觉效果以及对手机APP和手机应用的支持，展现出专业且科技感十足的风格。模板的特点包括大图展示、幻灯片功能、电脑科技元素的整合，以及适应不同设备屏幕尺寸的响应式设计...
  • html侧边栏的位置移动,适合移动手机使用的隐藏滑动侧边栏插件
    2021-06-12 00:47
    吕驰宇的博客 slideout是一款非常实用的适合移动手机使用的隐藏滑动侧边栏js插件。它没有任何依赖，代码简洁，压缩后的代码只有2KB大小。它使用CSS3 transforms 和 transitions来制作侧边栏的滑动效果。它的特点还有：没有任何...
  • Joomla Hosting模板
    2019-12-18 04:33
    3. **JavaScript**：模板可能包含JavaScript代码，用于实现交互效果，如下拉菜单、滑动展示、动画效果等。 4. **模块位置**：Joomla模板预设了模块的放置位置，比如页眉、页脚、侧栏等，用户可以根据需要将内容模块...
  • 沙发家居公司展示响应式网站模板.rar
    2023-04-28 11:32
    响应式设计是现代网页设计的关键要素，它允许网站在不同设备（如桌面电脑、平板电脑和手机）上自动调整布局，提供良好的用户体验。 描述中的关键词进一步丰富了这个模板的特点： 1. **沙发 家居**：表明模板是针对...
  • Android ViewDragHelper实现QQ侧滑边栏
    2015-10-29 15:27
    zhangphil的博客 移动手机版的QQ的左边侧栏，有一个特殊的交互设计效果：当用户手指向右或向左滑动时，QQ的左边会弹出或收缩一个侧滑的边栏。这种效果简单的做法可以使用Android提供的NavigationView，DrawerLayout实现之（附录文章1...
  • Group15_王者荣耀英雄大全_说明文档1
    2022-08-03 21:58
    每个功能的实现都是为了更好地服务于用户，通过不断的迭代和优化，力求打造出满足玩家需求的游戏助手应用。 综上所述，【王者荣耀英雄大全】应用凭借其实用性、创新性和良好的用户体验，成为了一款针对王者荣耀玩家...
  • html 右侧抽屉菜单,html5+css3实现抽屉菜单
    2021-06-11 09:14
    随便看看喽的博客 比如酷狗手机版的界面：左侧为操作菜单，默认不显示。需要时向左滑动界面，操作菜单将从侧边缓缓展示出来，不需要时向右滑动界面，操作菜单又将隐藏在侧边而不会占位置，操作菜单这种缓入缓出用户体验非常不错。这里...
  • 仿ios极简线条设计艺术家网站模板下载
    2022-06-06 21:40
    "仿ios"意味着该模板借鉴了苹果iOS系统的视觉元素，如图标、布局或者过渡效果，以创造出一种熟悉而优雅的界面。"文艺"、"设计"、"艺术"、"艺术家"表明模板的目标受众是艺术创作者或与创意产业相关的企业。 "企业"、...
  • 薅羊毛云控版
    2021-06-19 19:29
    MankTang的博客 www.yadinghao.com 目 录 1 引言..... 2 技术栈.....2.1 客户端......2.2 服务端......3 客户端.....3.1 核心框架......3.3 UI框架（侧栏、扩展按钮）... 5 3.3.1 设备信息... 6 3.3.2 微信阅读... 7 3.3.3...
  • android安卓源码海量项目合集打包-1
    2019-06-11 16:16
    小黄人软件的博客 │ │ Android标签云效果–自定义标签+动画绘制实现标签云的飞入、飞出效果.rar │ │ Android标签云效果（CloudTag）CloudTags.zip │ │ android标签云流式布局.rar │ │ Android源码，一个小功能，类似nice打...
  • 没有解决我的问题, 去提问