jQueryで開閉メニュー＆ボタンのテキストを切り替える
ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 開閉メニューのサンプルコードは、よく目にしますが、”ボタンのテキストを切り替える機能が付いた”サンプルコードは見つからなかったので自身のコピペ用に作成しました。 スマートフォン用サイトには重宝するかも。 > サンプル javascript<script type="text/javascript"> $(document).ready(function(){ $("#menu").hide(); var flg = "close"; $("#btn").click(function(){ $("#menu").slideToggle(); if(flg == "close"){ $(this).text("× メニューを閉じる"); flg = "open"; }els
CSSで高さ（height）100%のボックス要素を作る方法｜BLACKFLAG
Webページ内に配置したボックスなどのブロック要素で 要素の長さを画面目いっぱいの高さに伸ばそうとしたとしても CSSで「height:100%;」と指定しただけでは理想通りにいかなかったりします。 CSSでボックスなどのブロック要素を画面目いっぱいの高さにする際の記述方法を いざという時に忘れてしまいがちなので、今さらながら紹介がてらメモしておきます。 まずはサンプルから。 高さ100%のブロック要素サンプル HTMLソース上では 単純な＜div＞のボックス要素を配置します。 ◆HTML <body> <div id="container"></div> </body> そして、この「#container」の高さを 画面目いっぱいにするにはCSSで以下の様な記述をします。 ◆CSS html,body { height: 100%; } body { font-size: 100%; l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
