ホームページ >ウェブフロントエンド >jsチュートリアル >jquery プラグイン star-rated.js は星評価特殊効果を実装します_jquery

jquery プラグイン star-rated.js は星評価特殊効果を実装します_jquery

WBOY
WBOYオリジナル
2016-05-16 16:03:562196ブラウズ

特殊効果の紹介

jquery 星評価プラグイン star-rated.js をダウンロードします。星またはハートの左側をクリックすると 0.5 ポイント、右側をクリックすると 1 ポイントになります。スコアを 0 に設定するには、マイナス記号をクリックします。 IE8以下のブラウザには対応しておりません。

デモ画像

使用方法

最初のステップは、次のコードを導入することです:

コードをコピーします コードは次のとおりです:

http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
<スクリプト src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">>


2 番目のステップは、使用するエフェクトに対応する入力ボックスを導入することです:

コードをコピーします コードは次のとおりです:

data-symbol="" data-default-caption="{評価} ハート" data-star-captions="{}">

3 番目のステップでは、ボタンをリセットまたは送信する必要がある場合、次のコードを導入できます:

コードをコピーします コードは次のとおりです:



4 番目のステップは、js 呼び出しコードを導入することです:

コードをコピーします コードは次のとおりです:

<スクリプト>
jQuery(ドキュメント).ready(function () {
$(".rated-kv").rated();
});

このサイトからダウンロード デモアドレス

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。