亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

原生javascript星級評分

2019-11-14 16:46:20
字體：大 中 小
來源：轉載
供稿：網友

寫個最簡單的原生js的星級評分：

Html代碼  
  1. <div id="rank" class="pingfen">  
  2.     <ul>  
  3.         <li></li>  
  4.         <li></li>  
  5.         <li></li>  
  6.         <li></li>  
  7.         <li></li>  
  8.     </ul>  
  9.     <p>加載中</p>  
  10. </div>  

 

CSS代碼  
  1. <style type="text/css">  
  2.     *{margin: 0;padding: 0;}  
  3. .pingfen{ width: 135px; margin:10px auto; height:20px; position: relative;}  
  4. .pingfen ul{height:20px; margin-bottom: 10px;}  
  5. .pingfen li{ width: 20px; float: left; height: 20px; cursor: pointer; background: url(star.png) no-repeat 0 0; list-style: none;}  
  6. .pingfen .active{background: url(star.png) no-repeat 0 -28px;}  
  7. .pingfen p{ position: absolute; top:24px; left: 0px; width: 134px; height: 28px; background: #fff; line-height: 28px; text-align: center; border:1px solid #333; display:none;}  
  8. </style>  

 

Js代碼  
  1. <script>  
  2. var aData =["很差","較差","一般","推薦","力推"];  
  3.   
  4. window.onload=function(){  
  5.     var oDiv = document.getElementById("rank");  
  6.     var aLi = oDiv.getElementsByTagName("li");  
  7.     var oP = oDiv.getElementsByTagName("p")[0];  
  8.     var i =0;  
  9.     for(i=0;i<aLi.length;i++){  
  10.         aLi[i].index = i;  
  11.             aLi[i].onmouSEOver = function(){  
  12.             oP.style.display = "block";  
  13.             oP.innerHTML=aData[this.index];  
  14.             for(i=0; i<=this.index;i++){  
  15.                 aLi[i].className="active";  
  16.             }  
  17.         };  
  18.         aLi[i].onmouseout = function(){  
  19.             oP.style.display = "";  
  20.             for(i=0; i<aLi.length; i++){  
  21.                 aLi[i].className="";  
  22.             }  
  23.         };  
  24.         aLi[i].onclick=function(){  
  25.             alert(this.index +1);  
  26.         };  
  27.     }  
  28.   
  29. };  
  30. </script>  

 

 

ok超級簡單不信你試試。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲成人a**站| www亚洲精品| 一区二区在线免费视频| 5252色成人免费视频| 久久精品2019中文字幕| 久久久久久国产精品| 精品国产依人香蕉在线精品| 亚洲人成电影网站色| 日韩精品免费在线视频| 96国产粉嫩美女| 久久人人爽国产| 亚洲第一精品自拍| 中文字幕亚洲一区二区三区五十路| 91精品国产91久久久久久| 亚洲日韩欧美视频| 国产日韩av在线| 91精品国产高清久久久久久| 亚洲视频777| 国产精品一区二区三区成人| 久久视频这里只有精品| 最近2019中文字幕大全第二页| 97免费中文视频在线观看| 国产精品欧美风情| 亚洲国产第一页| 97精品国产97久久久久久免费| 亚洲欧美色图片| 欧美一性一乱一交一视频| 久久久久久com| 国产偷亚洲偷欧美偷精品| 欧美俄罗斯性视频| 亚洲欧美日韩精品久久亚洲区| 久久精品99久久久香蕉| 97精品国产91久久久久久| 欧美性xxxxx极品| 91精品国产网站| 7m第一福利500精品视频| 国产精品视频地址| 国产成人综合久久| 97精品在线观看| 久热国产精品视频| 精品久久久久人成| 亚洲国产精彩中文乱码av| 91精品国产综合久久香蕉的用户体验| 久久久久成人精品| 91欧美精品成人综合在线观看| 日韩精品日韩在线观看| 中文字幕欧美日韩va免费视频| 欧美成人精品激情在线观看| 欧美高清激情视频| 亚洲精品美女在线观看播放| 亚洲男人天堂九九视频| 欧美午夜电影在线| 欧美激情视频播放| 欧美精品激情blacked18| 亚洲色图日韩av| 在线日韩精品视频| 国产剧情久久久久久| 亚洲香蕉av在线一区二区三区| 欧美丝袜美女中出在线| 亚洲va国产va天堂va久久| 亚洲国产毛片完整版| 亚洲精品自拍偷拍| 欧美精品激情在线观看| 日韩免费在线观看视频| 亚洲男女性事视频| 亚洲精品91美女久久久久久久| 国产精品国模在线| 国产精品wwww| 久久久av免费| 欧美日韩在线一区| 亚洲国产精品久久精品怡红院| 萌白酱国产一区二区| 欧洲s码亚洲m码精品一区| 成人黄色生活片| 日韩电影免费观看在线| 欧美成人中文字幕在线| 欧美日韩亚洲激情| 国产精品久久久久久av福利| 国产日产久久高清欧美一区| 国产在线观看不卡| 亚洲影院污污.| 少妇高潮久久久久久潘金莲| 国产精品入口日韩视频大尺度| 欧美激情精品久久久久久黑人| 久久综合久中文字幕青草| 精品亚洲永久免费精品| 日韩精品视频三区| 在线精品国产成人综合| 国产精品中文字幕在线| 国产精品老牛影院在线观看| 久久久久久久成人| 在线日韩中文字幕| 北条麻妃一区二区在线观看| 中文字幕亚洲色图| 成人午夜在线影院| 欧美激情免费视频| 欧美午夜无遮挡| 不卡中文字幕av| 欧美区二区三区| 国产精品美女www爽爽爽视频| 亚洲国产女人aaa毛片在线| 一级做a爰片久久毛片美女图片| 午夜精品福利在线观看| 日韩美女在线观看一区| 国产噜噜噜噜久久久久久久久| 久久精品国产亚洲| 欧美精品www在线观看| 欧美性猛交xxxxx水多| 亚洲精品一区二三区不卡| 国产女精品视频网站免费| 亚洲精品国产综合区久久久久久久| 超薄丝袜一区二区| 在线观看国产欧美| 91免费看国产| 国产一区二区三区免费视频| 国产成人精品久久亚洲高清不卡| 97香蕉久久夜色精品国产| 日韩激情视频在线| 97视频免费观看| 亚洲午夜色婷婷在线| 国产精品国产三级国产aⅴ浪潮| 亚洲第一国产精品| 国产精品aaaa| 欧美日韩精品在线播放| 精品久久久久久久中文字幕| 亚洲性猛交xxxxwww| 国产suv精品一区二区三区88区| 欧美色道久久88综合亚洲精品| 欧美午夜精品久久久久久浪潮| 国产一区av在线| 国产精品成人va在线观看| 51久久精品夜色国产麻豆| 国产午夜一区二区| 国产中文字幕日韩| 亚洲日本成人网| 日韩女优在线播放| 欧美激情欧美狂野欧美精品| 欧美激情a∨在线视频播放| 国产精品96久久久久久又黄又硬| 中文国产成人精品久久一| 国产精品网红福利| 欧美日韩福利电影| 成人免费淫片aa视频免费| 91国产在线精品| 97免费视频在线| 亚洲欧美在线磁力| 欧美一级大片视频| 日韩av手机在线观看| 日韩精品免费视频| 亚洲精品电影久久久| 98精品在线视频| 久久91亚洲精品中文字幕| 午夜美女久久久久爽久久| 黑人精品xxx一区一二区| 久久久久久12| 欧美日韩国产在线播放| 国产日本欧美一区二区三区在线| 日韩av手机在线观看| 中文国产成人精品久久一| 欧美高清videos高潮hd| 日韩中文字幕在线精品| 91丨九色丨国产在线| 91免费看国产| 国产成人一区二区三区|