Harukiya Archives

2006/05/24

category / CSS

行き当たりばったりでお送りしております。コメントレスしている時に思いついた小ネタなど。

CSSの擬似クラスhoge:hoverで要素の表示・非表示（折りたたみ）をhoge:focusでもできるかという試み。

> スクリプト抜きでたたむよ（モダンブラウザ用）

1. input[checked] + hoge {
2. display: none;
3. }
4. input[checked="checked"] + hoge {
5. display: block;
6. }

と書けると、チェックの有無と表示関係が成立するので良いかなーと思ったけど、ダメでした。なんともすわりの悪いHTMLなのでローカルでコッソリ使うのが吉。

ま、スクリプトやこんなTipsを配布しておきながら自分じゃ使いどころを見極められないのです。折りたたみは省スペースとユーザに操作を強制することのトレードオフだから。もしも読者にワンクリックしていただくなら、パーマリンクに繋げたい「このレビューは役にたちましたか？」とかね（←詐欺だが）。でも、日に日にメニューは増殖する。どうしたらいいのだろうかね。

writeback

1. マス ： いや、今日の真の小ネタというかスクープ。
   → http://mizukix.blog1.petitmall.jp/
   Recent Entrｙが全部ご飯。-24日20時
2. cyaimi ： 次ページは記事の中まで全部「ご飯」で素敵でした。（素敵？-24日21時
3. マス ： さすが、名犬じゃなく名兎ホゲの飼い主･･･-25日21時
4. お名前 ： 　パス ：
   ご意見・ネタ・苦情など

< MacBook | 基本ソフト > | 表紙へ戻る | 探す | 案内