html+jquery超过5个以上的小星星评级代码

来源：互联网 2023-03-16 23:54:51 版权归原作者所有，如有侵权，请联系我们

html jquery超过5个以上的小星星评级代码

工具/原料

adobe dreamweaver

方法/步骤

准备好需要用到的图标。

html jquery超过5个以上的小星星评级代码

新建html文档。

html jquery超过5个以上的小星星评级代码

2本页面未经授权抓取自百度经验

书写hmtl代码。h2> Demo1(input type is text)br> br> input name="my_input" value="3" id="rating_simple1" type="text"> br> br> Demo2(input type is hidden)br> br> input name="my_input" value="5" id="rating_simple2" type="hidden"> br> br> Demo3(function response)br> br> input name="my_input" value="7" id="rating_simple3" type="hidden"> br> h2>

html jquery超过5个以上的小星星评级代码

书写css代码。 * { margin: 0; padding: 0; }body { padding: 10px 300px; }.webwidget_rating_simple { padding: 0px; margin: 0px; float: left; }.webwidget_rating_simple li { line-height: 0px; width: 15px; height: 15px; padding: 0px; margin: 0px; margin-left: 2px; list-style: none; float: left; cursor: pointer; }.webwidget_rating_simple li span { display: none; }h2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

html jquery超过5个以上的小星星评级代码