js+html的超简单星型评分

以前在做server页面时有做到一个星级评分的页面效果,虽然不不算好看,但也记下来吧。

通过选择框中的值控制黄色星的多少,原理就是控制css显示宽度来达到视觉效果

code:





make score page




 



这里之所以是通过下拉选择框来选择星星评分,是因为这个系统是提供给androidTV用的,而在android2.2,2.3上不支持js的一些网页效果,本来是做成用鼠标直接点击星星来评分的,后来改了,后来发现在android4.0上又可以支持了,但也没改了,其实那样也简单,就是用css打开div的可点击状态,就是当鼠标移动到div上时,div会变成手状,然后通过js捕捉鼠标点击事件,然后改变其显示宽度就ok了,具体代码就不记了。

你可能感兴趣的:(javascript,html,div,html,Html,HTML,javascript,JavaScript)