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
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
HTMLの表示/非表示を切り替える2つの方法 [ホームページ作成] All About
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む HTMLで作った特定箇所の表示/非表示を切り替える方法 JavaScriptを使ってスタイルを変化させれば、HTMLで作成した任意の要素の表示/非表示状態を動的に切り替えられます。その際、指定要素の表示/非表示を切り替える目的で使えるスタイルには、displayプロパティとvisibilityプロパティの2種類があります。どちらを使っても表示/非表示を切り替えられますが、切り替える前後の効果が異なります。本記事では、その2種類のプロパティの違いと、動的に表示/非表示を切り替える処理の書き方を簡単にご紹介いたします。 【目次】
![HTMLの表示/非表示を切り替える2つの方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/0397387fd5ea5247d894661e4aa97a4fd4ca1d82/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F3%2F201707011526%2Ftopimg_original.png)
JavaScript Tabifier automatically create an html css tabs interface
JavaScript tabifier Automatically create an HTML tab interface using plug-and-play JavaScript. Features Converts your HTML into a dynamic tabbed interface. Does not require you to set up a list of links, or anchors for the tabs. Plug and play: no need to know JavaScript, just make a few simple changes to your HTML. Use CSS to customize the appearance of the tabs. Gracefully degrades if JavaScript
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
タブメニューを紹介している海外サイトをピックアップ
※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。
Fisheye Menu
Description: Fisheye Menu is an expanding menu based on the MacOSX doc. Features: Image swaps between small/large image to avoid the browser just squishing a big image. Image type and size is customizable on the top of the .js file. Object oriented Javascript. Download Fisheye Menu Tutorial: Fisheye Menu For Your Website by John Kolbert of Simply-Basic.com.
jQuery UI タブ - ［JavaScript］All About
<script src="./jquery.js" type="text/javascript"></script> <script src="./ui.tabs.js" type="text/javascript"></script> <link href="./ui.tabs.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> $(function() { $('#jqtab-example1 > ul').tabs(); }); </script> <div id="jqtab-example1"> <ul> <li><a href="#tab-1"><span>タブ-1</span></a></li> <li><a href="#tab-2"><span>タブ-2</span></a></li
画像を3Ｄ回転するJS「3D Image Carousel」:phpspot開発日誌
3D Image Carousel 画像を3Ｄ回転するJS「3D Image Carousel」。 マウスカーソルの位置によって速度調整、クリックで画像拡大できるというもの。 目がまわりそうですが、amazonみたいに使えそう。 関連エントリ クールに回転するJavaScriptメニュー「mooVRotatingMenu.js」
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
CALM-WEB.COM
画面上の任意の位置にメニューを配置することができます。 自動追従機能を搭載しているので、ページがウィンドウ内に収まっていない場合でも、スクロールをした後にメニューが追従してきます。 メニューの規準位置を、左上、右上、左下、右下の好きな場所から取ることが可能です。右側を規準にした場合には、ウィンドウサイズに併せて、メニューの位置も自動的に追従します。 マウスが乗っているとき、乗っていない時で、メニューの表示状態を変えることが出来ます。(普段は最小化された状態で、マウスがDIVに触れるとメニューとして表示させるといった利用が可能) Javascriptを完全コンポーネント化した状態で提供しているので、ＨＴＭＬの制御だけで使用することができます。 ＤＯＭエンジンを搭載しているので、Javascript側はそのままの形で使用することができます（ＨＴＭＬの知識のみで組み込みが可能） アルファフィルタ
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
審査が優しいカードローンってどこ？答えを知りたい方は→
審査が優しいカードローンを利用すれば、簡単に借入することも可能です。そして、審査に受かるのが早いという事で、結果的に即日融資にも繋がります。なぜなら、いくら即日融資ＯＫのところで申し込みをしても、審査に受からないことには話になりませんよね？そんな審査の優しいカードローンは、こちらでご紹介中。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
[JS]画像をダイナミックに3D回転させるスクリプト -Carousel.us
indeza.jp
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
Ｇステーション｜FX 外為どっとコム
マックOSのドック風のメニューが作れる『MacStyleDock.js』 | IDEA*IDEA
Ajax/Javascript/Dhtml examples and demos to download