jquery制作美化星星评分插件

最新推荐文章于 2024-08-28 10:35:52 发布

albert528108

最新推荐文章于 2024-08-28 10:35:52 发布

阅读量2.1k

点赞数

分类专栏： Mobile开发

Mobile开发专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一款使用jQuery实现的星星评分插件，通过简单的配置即可实现不同长度的星星评分条，支持初始值设定及点击回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery制作美化星星评分插件

下载资源(41)次

阅读次数(163)次

发布时间：2013-11-23

分享到： 0

用法简介：

来源：xw素材网

jquery制作美化星星评分插件

代码引用：

          <link href=
          "css/rating_star.css" 
          rel=
          "stylesheet" 
          type=
          "text/css"
          >
         

          <script type=
          "text/javascript" 
          src=
          "js/jquery-1.3.2.min.js"
          ></script>
         

          <script type=
          "text/javascript" 
          src=
          "js/rating_star.js"
          ></script>
         

代码调用：

          <script language=
          "javascript" 
          type=
          "text/javascript"
          >
         
          function 
          test(value){
         
          alert(
          "This rating's value is "
          +value);
         
          }
         
          $(
          function
          () {
         
          $(
          "#rating_simple1"
          ).webwidget_rating_sex({
         
          rating_star_length: '5
          ',
         
          rating_initial_value: '
          ',
         
          rating_function_name: '
          ',//this is function name for click
         
          directory: '
          images/
          '
         
          });
         
          $("#rating_simple2").webwidget_rating_sex({
         
          rating_star_length: '
          10
          ',
         
          rating_initial_value: '
          ',
         
          rating_function_name: '
          ',//this is function name for click
         
          directory: '
          images/
          '
         
          });
         
          $("#rating_simple3").webwidget_rating_sex({
         
          rating_star_length: '
          10
          ',
         
          rating_initial_value: '
          4
          ',
         
          rating_function_name: '
          test
          ',//this is function name for click
         
          directory: '
          images/'
         
          });
         
          });
         
          </script>