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

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

使用方法
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」サンプル

sponsors

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

記事作成:
記事URL:

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