纯CSS动画移动菜单使用单选按钮激活

文章/答案/技术大牛

发布

1回答

html、css、css-transitions、css-transforms

我有一个移动菜单，当点击时应该形成X，但是它不会响应，并停留在它的形状上。我不知道它为什么这么做，但据我分析，这段代码应该会在单击时将菜单动画化为X。我附上的代码作为参考。这些是CSS和HTML/* Checkbox Hack */ display: block; height: 32px

浏览 17提问于2017-08-10得票数 2

回答已采纳

2回答

用一次单击激活标签和链接

css、html、radio-button

我想让一个点击激活，标签和链接，因为我的菜单与链接和移动到正确的点页，但标签必须激活按钮，使内容放大和关闭菜单。我试了一下：但这只会激活链接或标签(如果标签区域更大)。最困难的问题可能是我不想使用jquer

浏览 8提问于2016-03-15得票数 1

回答已采纳

1回答

带自动播放功能的纯CSS滑块

animation、slider、autoplay

如何添加更多的按钮(+3)到纯css滑块，从这个网站：我尝试更改.css文件和html，但出现错误;/请帮助我添加更多工作按钮，或者您是否可以解释如何使用css动画选中/取消选中单选输入

浏览 2提问于2014-09-07得票数 0

1回答

什么是gui小部件操作的标准键？

c++、user-interface

我知道在寡妇，这个键是空格键，例如，空格键将执行按钮的点击，这是它的动作，同样的单选按钮等等。这是标准的吗？如果不是，那是什么？谢谢

浏览 0提问于2010-12-13得票数 1

回答已采纳

1回答

为制表符定义CSS规则

javascript、jquery、html

我只是想知道为选项卡定义CSS规则的最佳方法。网上有很多方法，但我想以最有效的方式实现它。你怎么做这件事？

浏览 4提问于2012-12-01得票数 0

回答已采纳

1回答

我无法在Eclipse中的运行配置中选择UTF-8

eclipse、encoding

我要我的输出控制台使用UTF-8。我在网上找到的所有资源都告诉我要运行configuration->(目标配置)->Common，然后从编码面板的下拉列表中选择UTF-8。我无法选择“默认”旁边的单选按钮，当我单击下拉列表时不会发生任何事情。有什么想法吗？

浏览 3提问于2016-03-18得票数 0

回答已采纳

1回答

CSS FadeIn和FadeOut只点击css (100%纯)，如果不可能，尽可能减少资源(没有jquery，也没有js到动画)。

css、css-animations

当我单击hamburguer菜单显示侧边栏时，我试图制作一个100%纯css动画、fadein和fadeout (背景应该显示500毫秒的不透明度)(类似jquery )，当我在侧栏内单击关闭菜单时(背景应该在这是一个非常简单的代码，为了打开菜单，我将事件放在汉堡包图标onclick=‘$(’#菜单项-背景‘).fadeIn(500)；’接近关闭时，我将onclick=‘$(’#菜单-背景‘).fadeout(2000年)；如果不可能使100%的<e

浏览 5提问于2022-05-13得票数 -1

2回答

向纯CSS内容筛选器中添加下拉选项

html、css、dropdownbox

我试图在这个纯CSS过滤器中添加一个下拉选项，它执行与单击单选按钮相同的操作，如原来的codepen：中所示select[name="dropdown"] option[value="red"] 对代码来说，重新排列，去掉单选按钮，还有其他几个你可以看到我用的是什么，这

浏览 4提问于2015-07-30得票数 0

回答已采纳

1回答

使用CSS重新设置选择下拉列表的样式

javascript、html、css、liquid

我在我的网站上有一个选择下拉菜单，并希望使用CSS重新设计它的样式，所以选项是个别的点，而不是一个下拉菜单。这是不是可以使用纯CSS？.radio-toolbar input[type="radio"] {} display: inline-block

浏览 0提问于2021-02-03得票数 0

2回答

使用css自定义单选按钮

css、radio-button

我一直在尝试自定义默认的单选按钮，使其看起来类似于on/off按钮。我需要这样的纽扣-

浏览 2提问于2016-09-15得票数 0

回答已采纳

3回答

仅用CSS显示隐藏按钮

html、css

我正在尝试在CSS中模拟一个折叠菜单。是否有一些简单的代码可以在单击按钮时显示/隐藏div

浏览 0提问于2012-06-06得票数 1

回答已采纳

2回答

水平和垂直菜单

html、css

所以我需要创建垂直和水平菜单。水平方向的代码必须使用"display: inline“来完成，但我真的不知道该怎么做。此外，我想添加一些css编辑，如使用悬停改变按钮背景，使它看起来像是动画，但我不能使用js，只有纯css。将随机站点添加到菜单按钮 ?

浏览 37提问于2021-09-20得票数 1

2回答

如何将背景图像添加到下拉列表的第一个选项中

asp.net、css

我已经用css在文本框中做过这种事情，这很容易，但我不知道如何用dropdownlist来做。任何提示或建议都是非常感谢的。感谢专家

浏览 1提问于2009-07-31得票数 2

回答已采纳

2回答

我想创建一个半圆形的菜单，有N个菜单项

ios、swift、animation、menu

我想创建一个像这样的菜单，如果为numberOfViews = 5，则输出将为任何人都有更好的想法来创建这样的动态菜单，或者在这段代码中帮助我。

浏览 22提问于2020-02-18得票数 0

1回答

没有js orJQuery的HTML

html

我需要使用手风琴的帮助。我想创建一个手风琴只使用HTML。没有jQuery的javascript。我想知道如何让它工作。任何形式的帮助都将不胜感激。任何关于如何只使用HTML就能做到这一点的提示。

浏览 1提问于2014-02-27得票数 0

2回答

CSS未在菜单中触发两次

jquery、css

我正在为我们的移动版本实现一个全CSS动画的汉堡图标，它看起来真的很整洁。然而，菜单(当然)是由这个图标触发的，它在这里开始不起作用。如果我激活JS来使菜单工作，CSS在触摸时不再有动画效果，如果我停用菜单，它就会工作。错误一定是在JS中，但我不明白这为什么要去掉触摸上的CSS动画。你可以在这里看到菜单工作版本：该按钮的HTML为： <

浏览 2提问于2015-03-09得票数 0

1回答

更适合在跳跃运动中触摸手势

javascript、gestures、leap-motion

我试图开发一个菜单，我可以悬停在图标使用我的手，然后点击他们使用推动前进的运动。为了达到这个目的，我用我的手在z轴上的速度，加上触摸区域和触点距离，就像你在这段代码中看到的那样。也许是我应该使用的新方法，甚至是完全不同的方法。非常感谢！

浏览 4提问于2015-05-20得票数 1

回答已采纳

1回答

在屏幕更改时重置移动切换按钮条件

javascript、jquery、html、css

我有一个移动汉堡包菜单，动画‘开放’和‘关闭’通过css。如果屏幕大于768 is，则显示移动菜单display:none和全屏菜单。ready(function(){ $(this).toggleClass('open');}); 但是，如果我打开移动菜单并将屏幕大小更改为>768 in菜

浏览 2提问于2017-06-01得票数 0

回答已采纳

2回答

使用Swift 2在菜单按钮上点击动画视图

swift2、ios9、xcode7、ios-animations

我在我的应用程序中有一个主页，在屏幕的右边有一个菜单按钮(汉堡)。我的要求是在点击菜单按钮时使当前视图(主屏幕、个人资料屏幕或设置屏幕)具有动画效果。轻触菜单按钮时，当前处于活动状态的屏幕应具有动画效果。要求屏幕如下图所示该图像显示了轻触菜单按钮后屏幕的外观。例如:如果主屏幕是激活的，那么主屏幕应该是动画的，如果它是一个激活的配置文件屏幕，那么配置文件屏幕

浏览 1提问于2015-10-19得票数 0

1回答

IE<9将事件绑定到不可见的单选

javascript、html、forms、hidden、radio

我有问题的onChange()和单选按钮样式的display:none;，这应该是触发的标签，他们被包装在被点击。当以下CSS应用于单选按钮时，onChange()处理程序在IE8，IE7中不会激活。#questionFrm input[type="radio"] {} 我尝试过的另一种方法是将表单元素移出屏幕，其效果与下拉菜单的数量类似。然而，火狐拒绝将单选按钮从屏幕上移开。

浏览 4提问于2012-02-02得票数 0

点击加载更多