首页>>表单>>jquery 拖动选择性别,实时显示结果(2014-01-05)

jquery 拖动选择性别,实时显示结果

jquery 拖动选择性别,实时显示结果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2. <div class="row">  
  3. <div class="span1 offset4 female"> <img src='demos/female.png' class='gender' gender='female' /> </div>  
  4. <div class="span2">  
  5. <select id='switch-me'>  
  6. <option value='female'>female</option>  
  7. <option value='' selected="selected"></option>  
  8. <option value='male'>male</option>  
  9. </select>  
  10. </div>  
  11. <div class="span1"> <img src='demos/male.png' class='gender' gender='male' /> </div>  
  12. </div>  
  13. <div class='row'>  
  14. <div class='span12' id="console"> </div>  
  15. </div>  
  16. </div>  

 


原文地址:http://www.freejs.net/article_biaodan_218.html