モバイルアプリのオプション設定に似た、HTML5、CSS、JavaScriptのオプションセレクタの追加

-1

ギアの画像をHTML5に追加することができますか？モバイルアプリと同様に、クリックするとユーザーが選択できるオプションのリストが表示されます。これはHTML5、CSS、およびJavaScriptのみを使用して行うことができますか？モバイルアプリのオプション設定に似た、HTML5、CSS、JavaScriptのオプションセレクタの追加

出典

2016-04-06 TJ1

ギアの 'img'を追加し、ユーザーがクリックするとメニューを表示/非表示にすることができます。だから答えはイエスです。 – Pimmol

あなたはアイコンフォントを使うことさえできます。はい、あなたの答えは....あなたは今質問を閉じることができます。 – Aaron

@Pimskieは答えに感謝します。私はhtml、css、JavaScriptの初心者ですので、私に例を教えてください。ほんとうにありがとう。 – TJ1

質問に答える：はい。それが可能だ。

これは、基本的な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のアニメーション機能を使用して見ていることだろう。

出典

2016-04-06 14:43:11 Ezenhis

モバイルアプリのオプション設定に似た、HTML5、CSS、JavaScriptのオプションセレクタの追加

答えて

関連する問題