您的位置:澳门新葡8455最新网站 > 服务器运维 > js星星评分效果_javascript本领_脚本之家

js星星评分效果_javascript本领_脚本之家

发布时间:2019-12-02 18:02编辑:服务器运维浏览(193)

    .starts,.starts ul{float:left;}.starts{padding-left:16px;padding-top:7px;}.starts ul li{width:32px;height:31px;float:left;background:#ddd;padding-right:3px;}.starts ul li.on{background:red;}.starts ul span{display:inline;float:left;padding-left:10px;height:31px;line-height:31px;}
    
    window.onload = function () { var s = document.getElementById, m = document.getElementById, n = s.getElementsByTagName, input = document.getElementById; //保存所选值 clearAll = function () { for (var i = 0; i < n.length; i++) { n[i].className = ''; } } for (var i = 0; i < n.length; i++) { n[i].onclick = function () { var q = this.getAttribute; input.value = q; for (var i = 0; i < q; i++) { n[i].className = 'on'; } m.innerHTML = this.getAttribute; } n[i].onmouseover = function () { var q = this.getAttribute; for (var i = 0; i < q; i++) { n[i].className = 'on'; } } n[i].onmouseout = function ; for (var i = 0; i < input.value; i++) { n[i].className = 'on'; } } }}
    

    查看演示

    若果有向往使用基于jquery的简单打分效果,能够参见这一个地点://www.jb51.net/jiaoben/194877.html

    本文由澳门新葡8455最新网站发布于服务器运维,转载请注明出处:js星星评分效果_javascript本领_脚本之家

    关键词: