星级选择器

阅读更多

星级选择器 提交代码

 星级选择器,提交代码适用于评论等

没有用到js库,就是单独的js代码

星级选择器_第1张图片
演示

 

 

XML/HTML Code
  1. <form action="" method="get">  
  2.  <div id="star_level" star_width="14">  
  3.   <p>服务p>  
  4.   <ul class="star_rating">  
  5.    <li style="display:none;">  
  6.     <input type="text" name="serve" value="" />  
  7.    li>  
  8.    <li class="current_rating">default levelli>  
  9.    <li><a href="#" title="1 of 5 stars" class="one_star">1a>li>  
  10.    <li><a href="#" title="2 of 5 stars" class="two_stars">2a>li>  
  11.    <li><a href="#" title="3 of 5 stars" class="three_stars">3a>li>  
  12.    <li><a href="#" title="4 of 5 stars" class="four_stars">4a>li>  
  13.    <li><a href="#" title="5 of 5 stars" class="five_stars">5a>li>  
  14.   ul>  
  15.   <p>价格p>  
  16.   <ul class="star_rating">  
  17.    <li style="display:none;">  
  18.     <input type="text" name="price" value="" title="这里设置为2的话,表示默认2颗星亮。" />  
  19.    li>  
  20.    <li class="current_rating">default levelli>  
  21.    <li><a href="#" title="1 of 5 stars" class="one_star">1a>li>  
  22.    <li><a href="#" title="2 of 5 stars" class="two_stars">2a>li>  
  23.    <li><a href="#" title="3 of 5 stars" class="three_stars">3a>li>  
  24.    <li><a href="#" title="4 of 5 stars" class="four_stars">4a>li>  
  25.    <li><a href="#" title="5 of 5 stars" class="five_stars">5a>li>  
  26.   ul>  
  27.   <p>质量p>  
  28.   <ul class="star_rating">  
  29.    <li style="display:none;">  
  30.     <input type="text" name="mass" value="" />  
  31.    li>  
  32.    <li class="current_rating">default levelli>  
  33.    <li><a href="#" title="1 of 5 stars" class="one_star">1a>li>  
  34.    <li><a href="#" title="2 of 5 stars" class="two_stars">2a>li>  
  35.    <li><a href="#" title="3 of 5 stars" class="three_stars">3a>li>  
  36.    <li><a href="#" title="4 of 5 stars" class="four_stars">4a>li>  
  37.    <li><a href="#" title="5 of 5 stars" class="five_stars">5a>li>  
  38.   ul>  
  39.  div>  
  40.  <input type="submit" value="提交后请看地址栏的参数" />  
  41. form>  

 

XML/HTML Code
  1. <script type="text/javascript">  

你可能感兴趣的:(html,星,选择器)