很酷的星级评分系统原生JS实现_.docx

很酷的星级评分系统原生JS实现_ 这篇文章主要weidajiaxiangxi介绍了很酷的星级评分系统原生JS实现，具有肯定的参考价值，感爱好的小伙伴们可以参考一下 今日写了个很酷的实例：星级评分系统（可自定义星星个数、显示信息） sufuStar.star();用法默认值5个星星，默认信息 var msg = .; sufuStar.star(10,msg);自定义星星个数为10、显示信息msg格式参考默认值，条数必需和星星个数全都； 自己实现一些实例，有个好处，能增加应用各学问点的娴熟度，还能检验出自己的薄弱项！一经发觉，立刻翻API文档恶补！ 先说下这个实例涉及的学问点： 1.用CSS的border来画个三角形，并用before来把它加到其它元素上； 2.学习如何用CSS来定位元素； 3.学习大事的代理； 4.如何优化性能； 5.String对象的match方法的应用，正则表达式的应用； 6.注册大事与大事处理，需要兼容IE的写法； 7.学习如何利用|给变量设置默认值； 8.简化代码：将可能要重复写的代码拿出来，单独写成一个函数； 下面是带说明的完整代码，碰到不懂得就查文档吧，以我目前的水平只能写成这样了，若有好的建议，欢迎前辈指出！ !DOCTYPE html html lang="en" head meta charset="UTF-8" title/title style * margin: 0; padding: 0; #star position: absolute; left: 0; right: 0; top: 30px; bottom: 0; margin: auto; width: 80%; font-size: 12px; #star-div margin:5px; font-size: 0; #star-div a display: inline-block; width: 21px; height: 21px; background: url(l 以上就是本文的全部内容，盼望对大家的学习有所关心 .