Copy Code code as follows:
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>jquery Pentagram Scoring Plug-in </title>
<script type= "Text/javascript" src= "Js/jquery/jquery-1.3.2.min.js" ></script>
<script type= "Text/javascript" src= "Js/star_rating.js" ></script>
<style type= "Text/css" >
#rating_cont {background: #1E1D1C URL (images/rating_background.jpg) top left no-repeat; border:1px solid #F9BA0D; width: 140px; height:23px; Text-align:left; margin-left:6px;}
#rating_on {background:url (images/rating_onbackground.jpg) top left no-repeat; width:0px; height:21px; Position:relat Ive z-index:50; Top: -21px; }
#rated {display:none width:138px; padding:3px 0px 3px 2px; height:23px; Background-color: #1E1D1C; height:17px;font -size:11px;color: #FFC910;}
#rated Div {display:block; float:left;}
#rating {font-size:11px font-family:arial, Helvetica, sans-serif; color: #FFC910; padding-left:3px; width:22px;}
#small_stars {height:11px width:69px; Background-image:url (images/stars_small_sprite.jpg); Background-position: 0px-11px; font-size:1px; line-height:11px; margin-top:3px; }
#rate_edit {line-height:17px font-size:11px; font-family:arial, Helvetica, sans-serif; color: #FFF; padding-left:9px ; Cursor:pointer; }
#rate_edit: hover {text-decoration:underline}
#rating_btns {position:relative; z-index:100; width:140px; height:21px;}
#rating_btns ul, #rating_btns li {padding:0; margin:0;}
#rating_btns li {float:left; width:14px; height:21px; display:block; font-size:1px; cursor:pointer; color: #1E1D1C;
}
</style>
<body>
<div id= "Demo" >
<div id= "Rating_cont" >
<div id= "Rating_btns" >
<ul>
<li>0.5</li>
<li>1.0</li>
<li>1.5</li>
<li>2.0</li>
<li>2.5</li>
<li>3.0</li>
<li>3.5</li>
<li>4.0</li>
<li>4.5</li>
<li>5.0</li>
</ul>
</div>
<div id= "rating_on" > </div>
<div id= "rated" >
<div id= "rating" style= "HEIGHT:17PX; line-height:17px; " >not rated</div>
<div>-</div>
<div id= "Small_stars" > </div>
<div id= "Rate_edit" >edit</div>
</div>
</div>
<input type= "hidden" id= "Rating_output" name= "Rating_output" value= "Not rated"/>
</div>
</body>
Copy Code code as follows:
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>jquery Pentagram Scoring Plug-in </title>
<script type= "Text/javascript" src= "Js/jquery/jquery-1.3.2.min.js" ></script>
<script type= "Text/javascript" src= "Js/star_rating.js" ></script>
<style type= "Text/css" >
#rating_cont {background: #1E1D1C URL (images/rating_background.jpg) top left no-repeat; border:1px solid #F9BA0D; width: 140px; height:23px; Text-align:left; margin-left:6px;}
#rating_on {background:url (images/rating_onbackground.jpg) top left no-repeat; width:0px; height:21px; Position:relat Ive z-index:50; Top: -21px; }
#rated {display:none width:138px; padding:3px 0px 3px 2px; height:23px; Background-color: #1E1D1C; height:17px;font -size:11px;color: #FFC910;}
#rated Div {display:block; float:left;}
#rating {font-size:11px font-family:arial, Helvetica, sans-serif; color: #FFC910; padding-left:3px; width:22px;}
#small_stars {height:11px width:69px; Background-image:url (images/stars_small_sprite.jpg); Background-position: 0px-11px; font-size:1px; line-height:11px; margin-top:3px; }
#rate_edit {line-height:17px font-size:11px; font-family:arial, Helvetica, sans-serif; color: #FFF; padding-left:9px ; Cursor:pointer; }
#rate_edit: hover {text-decoration:underline}
#rating_btns {position:relative; z-index:100; width:140px; height:21px;}
#rating_btns ul, #rating_btns li {padding:0; margin:0;}
#rating_btns li {float:left; width:14px; height:21px; display:block; font-size:1px; cursor:pointer; color: #1E1D1C;
}
</style>
<body>
<div id= "Demo" >
<div id= "Rating_cont" >
<div id= "Rating_btns" >
<ul>
<li>0.5</li>
<li>1.0</li>
<li>1.5</li>
<li>2.0</li>
<li>2.5</li>
<li>3.0</li>
<li>3.5</li>
<li>4.0</li>
<li>4.5</li>
<li>5.0</li>
</ul>
</div>
<div id= "rating_on" > </div>
<div id= "rated" >
<div id= "rating" style= "HEIGHT:17PX; line-height:17px; " >not rated</div>
<div>-</div>
<div id= "Small_stars" > </div>
<div id= "Rate_edit" >edit</div>
</div>
</div>
<input type= "hidden" id= "Rating_output" name= "Rating_output" value= "Not rated"/>
</div><br/>
<br/>
</body>