JavaScriptライブラリjQueryで指定要素を探し出すプラグイン「seek」

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ!Yahoo!ブックマークに登録このエントリーをdel.icio.usに追加する

[ 1分で読めて簡単導入できます]

WEBサイトはいろいろな要素によって成り立ちます。
そのため、どこに何があるのかユーザーに知らせるのが難しくなります。
そんな時、jQueryプラグインのseekを利用すると指定要素を明示してくれます。
JavaScriptライブラリjQueryで指定要素を探し出すプラグイン「seek」サンプル

使用方法
seekからjquery.seek.jsをjQueryからjquery.jsを、jQuery Easingをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.seek.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#id名").click( function () {
$("要素").seek({
css: { borderStyle: "solid", borderWidth: "2px" }
  });
});
});
</script>

上記を記述すれば、あとは指定要素とボタンを用意します。
<p id="id名">クリック</p>
<!-- 要素例 -->
<img src="画像パス" />

JavaScriptライブラリjQueryで指定要素を探し出すプラグイン「seek」サンプル

記事作成:2009年06月08日

JavaScriptライブラリ
JavaScriptライブラリまとめ
JavaScriptライブラリのメインストリーム「jQuery」プラグインまとめ
jQueryプラグインまとめ
通が好むJavaScriptライブラリ「mootools」プラグインまとめ
mootoolsプラグインまとめ