jQueryで縦にドロップダウンするメニュー - Still Life
jQueryは怖くない！ JavaScriptを、腰を据えてきちんと勉強していないわたし。ググリコピペで押し切ってきながら、いつかはちゃんとしようとは思っていたという状態でした。そのうちAjaxが流行り、jQueryが標準になり・・・とどんどんついていけない状態に。 でもjQueryはそもそもリッチな画面を簡単に実装できるように工夫してくれているわけなので、イチからJavaScriptと格闘するよりも全然とっつきやすいハズです。 というわけで、jQueryを始めてみました。 課題：縦にドロップダウンするメニューを作りたい。 最初はまずぐぐり、jQueryそのものというよりも、縦にドロップダウンする（アコーディオンというらしい？）実装をすでにしているサイトのソースをそのまま貼りつけて、スタイルなどをいじっていました。 でもちょっとしたカスタマイズがうまくいかず、時間のかかったコード量のやたら
jqueryでできるプルダウンメニューで階層を深くする方法
jqueryで作るプルダウンメニューを以前（こちら）紹介したのですが、今回は2階層プルダウンをするやり方です。このやりかたで何階層までも作っていけます。 html <ul id="menu"> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a> <ul id="sub"> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> </ul> </li> </ul> </li> <li><a href="">メニュー</a> <ul id="sub"> <l
jqueryでできる簡単プルダウン
メニューを触った瞬間にプルダウンするメニューはホームページの画面をうまく使える必須ツールです。 jqueryを使えば、簡単にプルダウンメニューを作ることができます。 htmlタグ <ul id="menu"> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> </ul> </li> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> </ul> </li> </ul> CSS
bassistance.de » jQuery plugin: Accordion
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
mootoolsを使ったスライド式メニュー - Menu Matic
mootoolsを使った非常に軽快に動くスライドメニューです。縦バージョンと横バージョンがあり若干半透明になっていい感じです。 サンプルがあるので簡単に設置できると思います。 横メニューサンプル 縦メニューサンプル 外部ファイルはいくつか読み取りますが、htmlは非常にシンプルなので助かりますね。 <link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" /> ... <ul id="nav"> <li><a href="#" >Link 1</a></li> <li><a href="#" >Link 2</a> <ul> <li><a href="#" >Link3</a></li> <li><a href="#" >Link4</a></li> </ul> </li> <li><a href
Accordion Menu script (v1.7)
Accordion Menu script (v1.7.1) Creating an Accordion Menu is trivial using Accordion Content script. It basically just comes down to styling your headers and expanding content to conform to that desired menu look. The following are Accordion Menu examples with full source code to get you started: Bullet list accordion menu Glossy accordion menu Apple silver accordion menu Urban Gray accordion menu
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集:phpspot開発日誌
25 jQuery Tutorials for Improved Navigation Menus ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集が紹介されています。 How to Make a Smooth Animated Menu with jQuery アニメーションする、おしゃれなメニュー Create an Apple Style Menu and Improve it via jQuery Apple風のクールなメニュー。アニメーションしつつ、アイコンも表示してくれなかなかクール Create a Slick Tabbed Content Area Using CSS and jQuery 少ないスペースにタブを設置してメニューにしている例。アニメーションもあり。 Using jQuery for Background Image Animat
jQuery製で柔軟性の高いアコーディオンメニュー「Flexible Accordion」
twitter facebook hatena google pocket クリックするとメニューが開くアコーディオンと呼ばれるメニューがあります。 jQueryプラグインのFlexible Accordionは、さまざまなオプションを指定できる柔軟性の高いメニューを作れます。 sponsors 使用方法 Flexible Accordionからflexaccordion.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="flexaccordion.js"></script> <script type="text/javascript"> $(document).ready(fun
jQuery 伸縮するサイドメニュー｜CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryやCSSを使ったナビゲーションメニュー300選 – creamu
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
onehackoranother.com | Default Web Site Page
SORRY! If you are the owner of this website, please contact your hosting provider: webmaster@onehackoranother.com It is possible you have reached this page because: The IP address for this domain may have changed recently. Check your DNS settings to verify that the domain is set up correctly. It may take 8-24 hours for DNS changes to propagate. It may be possible to restore access to this site by
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/template/2009/0114/
Loading...