国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的打分程序?qū)嵗?/h1>
2024-05-06 16:23:36
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的打分程序,涉及jquery節(jié)點(diǎn)遍歷與樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的打分程序。分享給大家供大家參考。具體如下：

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>Untitled Document</title> 
  7. <script src="js/jquery-1.7.1.min.js"></script> 
  8. <script src="js/jquery.raty.min.js"></script> 
  9. <script type="text/javascript"> 
  10. $(function(){ 
  11. $("#div1").hover(function(){ 
  12. $("#div1 li").hover(function(){ 
  13. h=0; 
  14. n=$("#div1 li").index(this); 
  15. for(var i=0;i<=n;i++){ 
  16. $("#div1 li").eq(i).addClass("on"); 
  17. } 
  18. $("#div1 li").click(function(){ 
  19. h=1; 
  20. m=$("#div1 li").index(this); 
  21. for(var i=0;i<=m;i++){ 
  22. $("#div1 li").eq(i).addClass("on"); 
  23. } 
  24. return; 
  25. }) 
  26. },function(){ 
  27. if(h==0) 
  28. for(var i=5;i>=n;i--){ 
  29. $("#div1 li").eq(i).removeClass("on"); 
  30. } 
  31. } 
  32. ) 
  33. },function(){ 
  34. if(h==0) 
  35. for(var i=0;i<=5;i++){ 
  36. $("#div1 li").eq(i).removeClass("on"); 
  37. } 
  38. }) 
  39. }) 
  40. </script> 
  41. <style type="text/css"> 
  42. #div1 ul li{ 
  43. margin:0 -8px; 
  44. width:30px; 
  45. height:34px; 
  46. list-style:none; 
  47. float:left; 
  48. width:35px; 
  49. background:url(img/xing1.gif) center center no-repeat; 
  50. margin-left:10px; 
  51. } 
  52. #div1 ul li.on{ 
  53. background:url(img/xing2.gif) center center no-repeat; 
  54. } 
  55. #div1{ 
  56. height:35px; 
  57. } 
  58. </style> 
  59. </head> 
  60. <body> 
  61. <div id="div1"> 
  62. <ul> 
  63. <li></li> 
  64. <li></li> 
  65. <li></li> 
  66. <li></li> 
  67. <li></li> 
  68. <li></li> 
  69. </ul> 
  70. </div> 
  71. </body> 
  72. </html> 

希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 延寿县| 汝州市| 平邑县| 礼泉县| 乐东| 郁南县| 沂源县| 平乡县| 梁山县| 呼和浩特市| 襄汾县| 牟定县| 临城县| 涞源县| 临江市| 义乌市| 西乡县| 忻城县| 福清市| 新疆| 离岛区| 将乐县| 柞水县| 吉安市| 始兴县| 琼中| 离岛区| 永宁县| 固阳县| 高密市| 集贤县| 太原市| 全椒县| 宁波市| 汤阴县| 泊头市| 宜阳县| 汶川县| 大洼县| 襄城县| 连州市|