抓紧先上图给大家挑选一下
------------------------------------------效果查看 源码下载------------------------------------------
小编挺喜欢第一款的，亲，你呐？
为大家再分享实现8款jQuery评分插件代码，抓紧试试吧
<head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>8款超赞的jQuery评分插件</title> <meta content=""> <meta content="width=1024"> <link href="https://www.jb51.net/css/normalize.min.css"> <link href="https://www.jb51.net/css/main.css"> <link href="https://www.jb51.net/css/examples.css"> <!--[if lt IE 9]> <script src="https://www.jb51.net/js/vendor/html5shiv.js"></script> <![endif]--> </head> <body> <section> <div> <div> <div> <div> <div>Example A</div> <div> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7" selected="selected">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> </div> </div> <div> <div> <div>Example B</div> <div> <select> <option value="Bad">Bad</option> <option value="Mediocre">Mediocre</option> <option value="Good" selected="selected">Good</option> <option value="Awesome">Awesome</option> </select> </div> </div> </div> </div> <div> <div> <div> <div>Example C</div> <div> <select> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </div> <div> <div> <div>Example D</div> <div> <select> <option value="1" data-html="<strong>1</strong>">1</option> <option value="2" data-html="<strong>2</strong>">2</option> <option value="3" data-html="<strong>3</strong>">3</option> <option value="4" data-html="<strong>4</strong>">4</option> <option value="5" data-html="<strong>5</strong>">5</option> <option value="6" data-html="<strong>6</strong>">6</option> <option value="7" data-html="<strong>7</strong>">7</option> <option value="8" data-html="<strong>8</strong>">8</option> </select> </div> </div> </div> </div> <div> <div> <div> <div>Example E</div> <div> <select> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> <option value="E">E</option> <option value="F">F</option> </select> </div> </div> </div> <div> <div> <div>Example F</div> <div> <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </div> </div> <div> <div> <div> <div>Example G</div> <div> <select> <option value="Strongly Agree">Strongly Agree</option> <option value="Agree">Agree</option> <option value="Neither Agree or Disagree" selected="selected">Neither Agree or Disagree</option> <option value="Disagree">Disagree</option> <option value="Strongly Disagree">Strongly Disagree</option> </select> </div> </div> </div> <div> <div> <div>Example H</div> <div> <select> <option value="10">10</option> <option value="9">9</option> <option value="8">8</option> <option value="7">7</option> <option value="6">6</option> <option value="5">5</option> <option value="4">4</option> <option value="3">3</option> <option value="2">2</option> <option value="1" selected="selected">1</option> </select> </div> </div> </div> </div> </div> </section> <script src="https://www.jb51.net/js/vendor/jquery-1.11.2.min.js"></script> <script src="https://www.jb51.net/js/jquery.barrating.js"></script> <script src="https://www.jb51.net/js/examples.js"></script> <div> </div> </body> </html>
以上就是以上就是为大家分享的jQuery超赞的评分插件代码，希望大家可以喜欢。
您可能感兴趣的文章: