skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

jQueryで星型投票を実現させる「Sexy Vote jQuery plugin」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ユーザーを巻き込むため、投票を導入するケースがあるでしょう。
そのとき、視覚的に見せられるとより効果的です。
Sexy Vote jQuery pluginは星型の投票システムをjQueryで実現させてくれます。

使用方法
Sexy Vote jQuery pluginからjquery.sexy-vote.jsとactive_star.gif、passive_star.gifを、jQueryからjquery.jsをダウンロードします。
あとは下記の通りに記述すれば完成です。
<script type="text/javascript" src="/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/jquery.sexy-vote.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#vote").sexyVote();
});
</script>
また表示させたい場所に以下を書けば表示されます。
<p id="vote"></p>
※文言や画像の置き場所はjs内で設定します。
jQueryで星型投票を実現させる「Sexy Vote jQuery plugin」サンプル

記事作成：2008年12月10日

前の記事：jQueryで画像をズームさせる「Pan full size images」
次の記事：画像のキャプションをクールに表示するJavaScript「jQuery Captify Plugin」