DEDECMS5.7可用的动态星星评分插件

DEDECMS5.7可用的动态星星评分插件
 点击预览  点击下载

注意:

  1. 第一次发布插件,难免有点疏忽,请理解哈。 
  2. 本插件利用织梦默认自带的表js_ratings来存储数据。 
  3. 本插件免费提供,可任意转载发布,禁止用作商业通途。 
  4. 有问题可评论反馈,本站不支持插件的相关解答,敬请见谅。 
  5. 本插件为初始版本,亦因本人能力有限,本插件还有很多不足之处,其中分数的直接调用没能用jquery解决,只好用织梦默认的ajax来调用了,缺点就是不能够无刷新更新,必须刷新页面才能看到最新的结果。还有代码部分过于繁杂,未能更好的精简,也期待有高人能够优化精简一下本插件。 
  6. 技术还没到家,没能实现限制ip打分,不过这个应该不是很麻烦了,插件中已经获取了ip了。 
  7. 本插件jquery评星插件是采用jRating v3.0 改版而成,一些参数可参照此插件修改。 

使用方法:

1、在需要插入评分的文章页面中的<head></head>之间加入

  1. <link href="{dede:global.cfg_phpurl/}/star/css/jRating.jquery.css" rel="stylesheet" media="screen" type="text/css" /> 
  2. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> 
  3. <script type="text/javascript" src="{dede:global.cfg_phpurl/}/star/js/jquery.js"></script> 
  4. <script type="text/javascript" src="{dede:global.cfg_phpurl/}/star/js/jRating.jquery.js"></script> 
  5. <script type="text/javascript" src="{dede:global.cfg_phpurl/}/star/js/jNotify.jquery.js"></script> 
  6. <script type="text/javascript"> 
  7. $(document).ready(function(){ 
  8. $('.star').jRating({ 
  9. step:true, 
  10. length :5, //星星数 
  11. canRateAgain : true, 
  12. nbRates : 3, 
  13. showRateInfo:false, //鼠标悬停提示开关 
  14. onSuccess : function(){ 
  15. jSuccess('感谢您的评价',{ 
  16. HorizontalPosition:'center', 
  17. VerticalPosition:'top' 
  18. }); 
  19.  }, //自定义发布提示 
  20. }); 
  21. }); 
  22. var options = { 
  23.     bigStarsPath : '{dede:global.cfg_phpurl/}/star/css/icons/stars.png', //星星图片路径 
  24. phpPath : '{dede:global.cfg_phpurl/}/jRating.php', //接收脚本 
  25. type : 'big', 
  26.     }; 
  27.     function getstar(aid) 
  28. var taget_obj = document.getElementById('star'); 
  29. var aid = '{dede:field.id/}'
  30. myajax = new DedeAjax(taget_obj,false,false,'','',''); 
  31. myajax.SendGet2("{dede:global.cfg_phpurl/}/star_ajax.php?id="+aid); //调取评分部分 
  32. </script> 

2、在要插入评分的地方加入

  1. <div class="show_star"> 
  2.   <div class="star" data-average="10" data-id="{dede:field.id/}"></div> 
  3.   <div id="star"></div> 
  4.   <script language="javascript" type="text/javascript">getstar();</script> 
  5.   </div> 

/*插件中使用了一个jquery提示插件,不需要的话代码可以精简*/

  1. <link href="{dede:global.cfg_phpurl/}/star/css/jRating.jquery.css" rel="stylesheet" media="screen" type="text/css" /> 
  2. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> 
  3. <script type="text/javascript" src="{dede:global.cfg_phpurl/}/star/js/jquery.js"></script> 
  4. <script type="text/javascript" src="{dede:global.cfg_phpurl/}/star/js/jRating.jquery.js"></script> 
  5. <script type="text/javascript"> 
  6. $(document).ready(function(){$('.star').jRating({step:true,length :5, //星星数canRateAgain : true,nbRates : 3,});}); 
  7. var options = { 
  8. bigStarsPath : '{dede:global.cfg_phpurl/}/star/css/icons/stars.png', //星星图片路径 
  9. phpPath : '{dede:global.cfg_phpurl/}/jRating.php', //接收脚本 
  10. type : 'big', }; 
  11. function getstar(aid) 
  12. var taget_obj = document.getElementById('star'); 
  13. var aid = '{dede:field.id/}'
  14. myajax = new DedeAjax(taget_obj,false,false,'','',''); 
  15. myajax.SendGet2("{dede:global.cfg_phpurl/}/star_ajax.php?id="+aid); //调取评分部分 
  16. </script> 

转载请注明:代码家园 » DEDECMS5.7可用的动态星星评分插件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)