【免费】jquery评分插件资源-CSDN文库

共83个文件

svn-base：35个

js：23个

png：10个

需积分: 0 186 浏览量 2013-06-22 12:37:01 上传评论收藏 837KB ZIP 举报

**jQuery评分插件详解** 在Web开发中，用户交互性的增强是提升用户体验的关键因素之一，而评分系统就是其中一种常见的功能。"start-rating"是一款基于jQuery的轻量级评分插件，它允许用户轻松地对内容进行评分，同时也为开发者提供了便捷的集成方式。这个插件的设计理念是简单易用，即便是初学者也能快速上手。 ### 1. 插件安装与引入在项目中使用"start-rating"，首先需要确保已经引入了jQuery库。`jquery.js`文件就是该库的核心代码，通常通过在HTML文件中添加`<script>`标签来引用。例如： ```html <script src="jquery.js"></script> ``` 接着，为了实现评分功能，还需要引入`jquery.rating.js`或压缩版的`jquery.rating.pack.js`，它们包含了评分插件的实现代码。同样地，可以通过`<script>`标签添加引用。 ```html <script src="jquery.rating.js"></script> ``` ### 2. CSS样式设置为了使评分星星具有良好的视觉效果，我们需要引入对应的CSS样式。在提供的文件中，`jquery.rating.css`包含了插件的默认样式。在HTML文件的`<head>`部分添加以下代码，将样式引入： ```html <link rel="stylesheet" href="jquery.rating.css"> ``` 此外，文件中还包含两个图像文件：`star.gif`和`delete.gif`，它们分别用于未选中和选中的星形图标。根据实际需求，可以替换为自定义的图片资源。 ### 3. 使用方法在HTML结构中，你需要为每个可评分的元素添加一个特定的类名，如`rating`，以便于jQuery插件识别。例如： ```html <div class="rating">您的评分</div> ``` 然后，在JavaScript中初始化插件，为这些元素赋予评分功能。可以使用以下代码： ```javascript $(document).ready(function() { $('.rating').rating(); }); ``` 这将在页面加载完成后，对所有带有`rating`类名的元素应用评分插件。 ### 4. 配置选项与事件 "start-rating"插件提供了一些配置选项，可以根据需要定制行为。例如，你可以设置初始分数、允许半星评分等。以下是一个示例： ```javascript $('.rating').rating({ initialRating: 3, // 初始分数 halfStars: true // 是否允许半星 }); ``` 此外，插件还支持多种事件，如`onRate`，可以在用户评分时触发回调函数： ```javascript $('.rating').rating({ onRate: function(value) { console.log('用户评分为：' + value); } }); ``` ### 5. 文档参考对于更详细的使用指南和更多配置选项，可以查阅`documentation.html`文件。这个文档通常会详细介绍如何配置插件，解决常见问题，以及展示各种使用案例。总结来说，"start-rating"是一个适用于快速构建评分系统的jQuery插件，它的易用性和灵活性使其成为开发者们的首选。通过简单的引入和配置，即可轻松实现评分功能，提升网站的互动体验。

资源推荐

资源详情

资源评论

收起资源包目录

star-rating.zip （83个子文件）

index.html 500B

star.gif 815B

index.asp 45B

jquery.rating.pack.js 4KB

delete.gif 752B

jquery.js 161KB

jquery.rating.css 836B

documentation.html 59KB

jquery.form.js 29KB

jquery.rating.js 14KB

jquery.MetaData.js 4KB

documentation

chili

cplusplus.js 3KB

delphi.js 2KB

java.js 1KB

js.js 2KB

jquery.chili-2.0.js 15KB

css.js 8KB

php.js 7KB

html.js 3KB

lotusscript.js 5KB

mysql.js 7KB

php-f.js 39KB

recipes.js 19KB

csharp.js 2KB

paypal.png 57KB

fyneworks.png 55KB

documentation.js 15KB

foot.png 27KB

jq.png 2KB

.svn

tmp

wc.db 54KB

pristine

b82f45823ee1fce0368cae5e790b6cd3ab0e1001.svn-base 293B

b8057bb9e76b9b02046edfd48281f4da321a4f1b.svn-base 150B

4e42a4a779439dfab281cb315378e46ef7cf201e.svn-base 3KB

5c5cd6076366225418dc8ffa70b358213aef026e.svn-base 54KB

e6eee9eb26a81e4fbc12fe97a9863cb6e605f68f.svn-base 52KB

de2e74d8e3873bdef5b44757c2b990a66f6e048a.svn-base 7KB

273d71e70e6d40ae6b503b6c60809ff1f36b349a.svn-base 15KB

f305a56e39c99001ceef536ccf1464f7a9b4f903.svn-base 2KB

ae4e9dd04149ff80df5272fa8755933dd3d1b7dc.svn-base 5KB

e0087749cd3fc20d6b85c29bf0746964fb2cb94c.svn-base 109B

e0f4d961ee163e5304cbcffb5fc0d6481e950ae8.svn-base 917B

9761a0b138775a387299d3a9c41483f2cbcf961e.svn-base 2KB

97cad6c7a5ba66fd10f5f1d79f623ee392f5f08b.svn-base 7KB

46c5960663c9b6b4788426d407b161cfbed5fb8f.svn-base 701B

5bb522b9c3b2d7746f25968925340424231d1542.svn-base 198B

5b51e302fb77124c68425fa1294e721737ac0092.svn-base 4KB

5d87605a552a41f15982ae3c48bafa2052527637.svn-base 27KB

5283b25882416f491b367ece868543cf31f26419.svn-base 6KB

7503113312806280338e12707267dd604ab38177.svn-base 694B

75f04152ae909b9b3a5c12011bfd0a242d1a6d1b.svn-base 2KB

dd871f9ce5d0709d4792951bb5a84c55346c55c2.svn-base 27KB

bf06b1028e60ab345319bd3ebdbce99b7c7d6a20.svn-base 5KB

d401592eab096bb799424076abe89fc8a7e217ea.svn-base 3KB

3cb8cb12821951e8d5577d16aafe6f04628c5baf.svn-base 2KB

7d1ea864b816f3c6b9c11e19fc771517492a8dc8.svn-base 15KB

84e51857c6fe9398a3ea1d2fe28b004d38ae7512.svn-base 55KB

843059becce6c46b08ed2fead17b090f8fa44431.svn-base 251KB

592441063e38e99f6a298bc6465d966250b20b3d.svn-base 5KB

124454a90c0ed3153afb8f61a98448d4cf5acc4f.svn-base 1KB

076790f2d913a717f0ee6222cfffeda03ab64f72.svn-base 2KB

4fb901645bd208dc8be9463a45ca4d9a8d677c8a.svn-base 8KB

bde2c4fe541f2588f48608ccfc9fff39060ef086.svn-base 57KB

7f0fe9ae3a02bc0e68d96cacca26a82282610526.svn-base 54KB

49d6248677c4713096c17bcd1d91b5279154dffc.svn-base 19KB

572c2d21b0790df33536cdd25b8146eeb380cae8.svn-base 39KB

entries 3B

format 3B

gplus.png 54KB

facebook.png 701B

twitter.png 917B

jquery.js 251KB

chili-toolbar

clipboard.swf 109B

jquery.chili-toolbar.css 2KB

jquery.chili-toolbar.pack.js 4KB

jquery.chili-toolbar.min.js 5KB

jquery.chili-toolbar-bg.png 694B

jquery.chili-toolbar.js 6KB

beer.png 52KB

documentation.css 5KB

download.gif 150B

folder.gif 293B

js.gif 198B

head.png 27KB

评论收藏

内容反馈

繁华离别过后依然路口

粉丝: 0
资源: 6

jquery评分插件

jquery 评分插件

8款超赞的jQuery评分插件.zip

Jquery评分插件Score

jQuery评分插件各种评分样式.rar

jQuery评分插件jsRapStar

jquery 星级评分插件

评分插件

jquery星级评分插件

jquery星星评分插件

好用的评分插件

jquery评分

jQuery评分插件星星、心形两种

jquery评分插件jquery.raty使用简单而功能强大_明锋工作室提供

JQuery评分插件raty星级评分

简单实用的轻量级jQuery评分插件

jQuery评分插件RatingPluginforweb2py.zip

仿淘宝评分插件jquery星星评分插件

星星评分插件

jquery星星评分

jQuery评分插件BootstrapStarRating.zip

jquery评分插件集合.7z

基于SVG的jQuery星级评分插件.zip

使用jquery自定义星级评分插件demo

jQuery评分插件BootstrapRatingInput.zip

最新资源