研究日誌

125：名無しさん：2014/02/19(水) 07:44:14: 【共通】アコーディオン

自作スタイルシートの「ランチャー」など自作ツールへの適用に目途が
立ったのでワルノリしてもう少しスタイルシート系をテストしてみました。

うまくいかないもの、いったもの、それぞれ１つずつです。

もちろん私の知識不足もあるので、うまくいかないものでもちょっと修正
すればうまくいくかもしれませんが・・・

★うまくいかないもの

【CSS Menu Maker】
http://cssmenumaker.com/

ブラウザーでメニューバーが作れるサイトです。
パソコンで作ってHTMLとCSSをコピペでつくってみましたがまったく動作
しませんでした。

パソコン（IE）でもandroidでもだめなのであきらめました。

★うまくいったもの

【CSSだけでメニューが開いたり閉じたりするアコーディオンを作る！javascript不要】
http://9-bb.com/css%E3%81%A0%E3%81%91%E3%81%A7%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%8C%E9%96%8B%E3%81%84%E3%81%9F%E3%82%8A%E9%96%89%E3%81%98%E3%81%9F%E3%82%8A%E3%81%99%E3%82%8B%E3%82%A2%E3%82%B3%E3%83%BC/

アコーディオンみたいに開いたり閉じたりするメニューです。
こちらは、細かい調整は必要かもしれませんが一応うまくいきました。

ただ、そのままでは見た目やクリック時のエフェクトがなく、使えないので、
相当カスタマイズしました。

とりあえず、ランチャー画面をつくってテストして動作が確認できました。
こういうインターフェイスも項目を種類別に分けるときはいいかもしれませんね。

【アコーディオンのランチャープログラム画面2枚とHTMLファイル】
https://db.tt/mRKlzvag

2chMate 0.8.6/unknown/L01A/4.0.3/LT

新着レスの表示

※書き込む際の注意事項はこちら

※画像アップローダーはこちら

（画像を表示できるのは「画像リンクのサムネイル表示」がオンの掲示板に限ります）

掲示板管理者へ連絡無料レンタル掲示板