国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板： 盱眙县| 疏勒县| 禹城市| 罗甸县| 嫩江县| 铜陵市| 饶阳县| 通辽市| 股票| 遂溪县| 垣曲县| 永胜县| 辉南县| 潜山县| 龙江县| 扬州市| 嘉兴市| 康平县| 五家渠市| 鄂尔多斯市| 太白县| 郴州市| 辽宁省| 泸溪县| 丰镇市| 鸡西市| 南部县| 渑池县| 清河县| 余江县| 南华县| 宁波市| 牙克石市| 东丽区| 哈巴河县| 贡嘎县| 昌邑市| 沾益县| 呼玛县| 滨州市| 文山县|