Submit your widget

Jquery 100-point rating system with beautiful stars

Created 13 years ago   Views 10336   downloads 2349    Author n/a
Jquery 100-point rating system  with beautiful stars
View DemoDownload
Share |

Jquery 100-point rating system, appropriate for online investigation and online vote which needs accurate rating results for reference



Step1:include css and js files.


<script type="text/javascript" src="js/jquery.js"></script>
<link href="css/rating_bar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/rating_bar.js"></script>


Step2:create textbox input or hidden input.


<input name="my_input" value="3" id="rating_star" type="text"> or <input name="my_input" value="3" id="rating_star" type="hidden">


Step3:add script.


<script language="javascript" type="text/javascript">
$(function() {
rating_star_length: '5',
rating_initial_value: '',
rating_function_name: '',
directory: 'images/'


parameter explanatory


rating_star_length: The star count
rating_default_value: The initial value
rating_function_name: Function name response to click
directory: Star image directory