ウェブ学のすすめ

Study of Web Design & Programing

2012-07-18から1日間の記事一覧

jQuery でドロップダウンメニュー

プレビュー ↓スマートフォンの方はこちらからプレビューできます。 jQuery でドロップダウンメニュー - js do it コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery でドロップダウンメニュー</title> <link rel="stylesheet" href="css/style.css"> <script src="js/index.js"></script> </link></meta></head></html>

CSS3を使ったアコーディオンパネル

CSS

プレビュー ↓スマートフォンの方はこちらからプレビューできます。 CSS3を使ったアコーディオンパネル - js do it ポイント transition: transitionを適用するプロパティ 時間 変化の具合; コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>垂直タイプのアコーディオン式メニュー</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>

タブ切り替えパネル

プレビュー ↓スマートフォンの方はこちらからプレビューできます。 タブ切り替えパネル - js do it コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>タブパネル</title> <link href="css/style.css" rel="stylesheet"> <…</link></meta></head></html>

【Yetii】〜Yet (E)Another JavaScript Tab Interface Implementation〜

Yetii - Yet (E)Another JavaScript Tab Interface Implementation | kminek.pl プレビュー ↓スマートフォンの方はこちらからプレビューできます。 Yetii コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>Yetii</title> <link rel="stylesheet" href="css/style.css"> <script src="js/yetii-min.js"></script> </link></meta></head></html>

jQuery Tools tabs

プレビュー ↓スマートフォンの方はこちらからプレビューできます。 jQuery Tools tabs コード HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery Tools standalone demo</title> <link rel="stylesheet" href="css/standalone.css"> <link rel="stylesheet" href="css/tabs.css"> </link></link></meta></head></html>

jQuery UIでtabメニュー

プレビュー ↓スマートフォンの方はこちらからプレビューできます。 jQuery UIでtabメニュー - js do it コード HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-darkness/jquery-ui-1.8.21.custom.css" rel="stylesheet"> <script src="js/jquery-1.7.2.min.js"></script> </link></meta></head></html>