在 HTML5、CSS、JavaScript 中添加选项选择器，类似于移动应用程序中的选项设置

Question

我想知道是否可以将齿轮图像添加到 HTML5，其中类似于移动应用程序，单击时会显示用户可以选择的选项列表。 这可以仅使用 HTML5、CSS 和 JavaScript 来完成吗？

Answer 1

回答问题：是的。 这是可能的。

您可以通过使用一些基本的 JavaScript 操作 CSS 来实现这一点。
例如：

<html>
    <body>
        <img id="options-cog" src="https://cdn3.iconfinder.com/data/icons/token/128/Gear.png" onclick='toggleOptions()'>
        <div id='options-wrapper' style='display:none'> 
            -- A FORM ELEMENT WITH OPTIONS -- 
        </div>
        <script>
            function toggleOptions(){
                var elem = document.getElementById('options-wrapper');
                if(elem.style.display == 'none'){
                    elem.style.display = "block";
                }else{
                    elem.style.display = "none";
                }
            }
        </script>
    </body>
</html>

请注意，使用 jQuery 动画函数会更容易和更好看。

在 HTML5、CSS、JavaScript 中添加选项选择器，类似于移动应用程序中的选项设置

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-04-06 14:43:11

在 HTML5、CSS、JavaScript 中添加选项选择器，类似于移动应用程序中的选项设置

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-04-06 14:43:11

解决方案1
0 已采纳 2016-04-06 14:43:11