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

首頁 > 語言 > JavaScript > 正文

jQuery基于圖層模仿五星星評價功能的方法

2024-05-06 16:19:41
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了jQuery基于圖層模仿五星星評價功能的方法,使用jQuery動態修改元素背景色的方法實現星評功能,需要的朋友可以參考下

本文實例講述了jQuery基于圖層模仿五星星評價功能的方法。分享給大家供大家參考。具體實現方法如下：

 

 
  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>無標題文檔</title> 
  7. <script src="jquery-1.6.2.min.js" type="text/javascript"></script> 
  8. <script> 
  9. $(function(){  
  10. $(".star li").mouseenter(function(){ 
  11. $(".star li").css("background","#f60"); 
  12. $(this).css("background","#f60"); 
  13. $(this).nextAll().css("background","#ccc"); 
  14. }) 
  15. }); 
  16. </script> 
  17. <style type="text/css"> 
  18. * {<br /> 
  19. padding:0;margin:0; 
  20. list-style:none; float:left; 
  21. } 
  22. .star li { 
  23. float: left; 
  24. height: 20px; 
  25. width: 20px; 
  26. background-color: #CCC; 
  27. margin-right: 4px; 
  28. } 
  29. </style> 
  30. </head> 
  31. <body> 
  32. <div>選幾星：</div> 
  33. <ul class="star"> 
  34. <li></li> 
  35. <li></li> 
  36. <li></li> 
  37. <li></li> 
  38. <li></li> 
  39. </ul> 
  40. </body> 
  41. </html> 

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 磐石市| 呼伦贝尔市| 陈巴尔虎旗| 襄城县| 钦州市| 广河县| 丽江市| 东乡| 太仓市| 金沙县| 肥城市| 拉萨市| 扶沟县| 曲阜市| 增城市| 雅安市| 遂平县| 丰县| 来宾市| 长治县| 醴陵市| 东明县| 满城县| 金坛市| 龙泉市| 高密市| 彭泽县| 浦东新区| 美姑县| 盐源县| 西畴县| 汶川县| 姜堰市| 神池县| 楚雄市| 河间市| 台山市| 黄石市| 黄石市| 台州市| 文登市|