ページ内に配置したリンクに、リストで作成したドロップダウン型のナビゲーションを簡単に追加できるスクリプトをDynamic Driveから紹介します。 ナビゲーションに追加したデモ 配置できるナビゲーションは、オプションで不透明度、ディレイ時間、表示位置を調整することができます。 スクリプトの設置方法は、「anylinkcssmenu.js」「anylinkcssmenu.css」を外部ファイルで指定し、リンク要素のclassに「anchorclass」を記述します。 配置するナビゲーションは、divで括りclassに「anylinkcss」を記述し、任意のid（例：submenu1）を記述します。そのidと同じものをリンク要素のrelに記述します。 <textarea name="code" class="html" cols="60" rows="5"> <p><a href="http
jsに関するparanodのブックマーク (39)
-
paranod 2009/01/23
-
-
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
-
-
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
-
-
-
[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQu
-
-
-
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
-
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」:phpspot開発日誌
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」 2008年11月04日- AjaxDaddy - Ajax Examples in Action 多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」。 Flickrライクなインラインエディタ、Ajaxでのインスタント編集textarea、各種オートコンプリート、Macのドック風ＵＩなどがサンプル付きで公開されています。 サンプル付きということで、いちいちダウンロードして試さないでもよいので便利ですね。 タグでの検索も可能で、お好みのライブラリだけを表示し、比較することが出来る。 ライブラリごとにPermalinkが用意されていて（サンプル）、サイト内でサンプルコードも参照できるのが良いです。 Ajax Rain も同様のサイトですが、Perma
-
[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス
Aquaronは、ナビゲーション、フロートしたエレメントの操作、クッキー・文字列の操作、エレメントの装飾などのシンプルなjQueryのプラグインを配布しているサイトです。
-
WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL（MITSUE-LINKS JavaScript Library）」 | DesignDevelop
TOP > WebDesign > WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL（MITSUE-LINKS JavaScript Library）」 WEBを制作によく使う機能を、いちから全部つくらずとも、簡単に実装できてしまうそんな便利なJavaScriptライブラリが今回紹介する 「MJL（MITSUE-LINKS JavaScript Library）」です。 こちらはWEB制作会社がオープンソースとして公開されている物で、WEB制作の現場からのものなので非常に使い勝手が良く、汎用性・実用性に富んでいます。どんな機能をもっているのかを紹介していきたいと思います。 詳しくは以下 主な機能は下記の6つとなり、どれもWEBを制作した事のある人なら、これは便利と思う内容になっているかと思います。 1. 画像のロールオーバー 2.Flashオブジェクト埋め込み
-
JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 | DesignDevelop
TOP > WebDesign > JavaScript, Ajax、CSSで実現するツールチップ集「30+ Tooltips Scripts」 カーソルを合わせるとぴょんと飛び出すツールチップ。以前「javascript不要のCSSで制御するツールチップ「Easy CSS Tooltip」」や「半透明・角丸のツールチップを表示するJavaScript 「CoolTips」」といくつかDesigndevelopでも紹介してきましたが、今日紹介するのはそんなツールチップのスクリプトを集めたエントリー「30+ Tooltips Scripts」です。 Tooltip.js 主にJavaScript, Ajax、CSSを使って実現しています。沢山のToolTipsが紹介されていますが、今日はその中から気になったToolTipsが公開されていますので下記に貼り付けておきます。 詳しくは以下
-
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
-
-
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
-
アニメーションするクールなアコーディオンUI実装用JSライブラリ:phpspot開発日誌
Animated JavaScript Accordion V2 - Web Development Blog This lightweight (1.3 KB) animated JavaScript accordion is an update to the original accordion script posted on April 18th.アニメーションするクールなアコーディオン実装用JSライブラリ。 次のようなアコーディオンUIを実装できます。 デモはこちら アニメーションがなめらかでカッコいいです。 関連エントリ Prototype.jsとScript.aculo.usで作るクールなアコーディオンＵＩ JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
-
[JS]拡大時のアニメーションが面白い、画像ギャラリーのスクリプト -flyout.js
jQuery.flyout デモでは、３種類の実装方法が紹介されており、拡大時のアニメーションだけでなく、ローディングのサインをテキストや画像にするなども可能です。 jQuery.flyoutはjQueryのプラグインのため、動作にはjquery.jsが必要です。
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました