skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
JavaScriptライブラリjQueryで指定要素を探し出すプラグイン「seek」
｜
｜
｜
｜
｜
｜
WEBサイトはいろいろな要素によって成り立ちます。
そのため、どこに何があるのかユーザーに知らせるのが難しくなります。
そんな時、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ライブラリjQueryで指定要素を探し出すプラグイン「seek」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：こいつは凄い！フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」
次の記事：JavaScriptライブラリjQueryで指定要素を目立たせるプラグイン「expose」
