javascript - 我们可以在使用 HTML5 时类似的 "On/Off"开关上放置文本吗?

标签 javascript html css

<分区>


这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

iOS7 有一个非常好的开关风格,看起来像:

switch

我认为这是一个有效且高效的设计。 HTML5 开关似乎只允许我们放置这样的文本:

HTML5

我确实在这里找到了一些替代解决方案:http://colintoh.com/css3-flip-switch

好吧,替代解决方案不是“切换”,而是样式化的 div 动画。它们的工作方式与“开关”略有不同,更重要的是,我喜欢开关左右移动并将文本保持在顶部的方式(非常好的指示器/导航器,用于在两个页面之间切换)。

最佳答案

HTML5 没有任何类型的“ native ”开关,如果那是您的要求,解决方案将始终是 css 样式的 div/spans 等,CSS 用于样式和潜在的动画和/或 javascript 来添加效果/行为。这当然给了你创造任何你想要的开关设计的全部能力,所以我至少会尝试一些东西,另一个例子 here , 但你可能想要 thisthis我注意到你有第一个开关设计,只需选择 iOS one/s

相关问题here

关于javascript - 我们可以在使用 HTML5 时类似的 "On/Off"开关上放置文本吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23122937/

上一篇:javascript - 仅在为其 margin-left 设置动画时更改图像 Src

下一篇:javascript - 停止第二个事件

相关文章:

javascript - 为什么建议在 AngularJS 中不要使用 $scope.attribute 而是使用 $scope.model.attribute?

javascript - 警告不支持新 CSS3 标准的旧浏览器的用户

Javascript 截取 Flash 对象的屏幕截图

html - 使 Iframe 适合父 div

html - CSS 两个旁边宽度为 100% 的 div 在 android 上不起作用

javascript - Popper js为 Action 菜单添加动画

javascript - 如何从客户端向数据库插入数据?

html - 为标题中的 block 着色

html - 如何对齐不同字体大小的文本部分

html - CSS 自动高度,但内容适合 div 的高度