笔记本电脑或是台式机
互联网
jQuery
仿Komodo Media的jQuery星级评分插件
基本方法:$('#demo1').rater('ratingsdemo.php');
通过参数你可以切换显示样式$('#demo2').rater('ratingsdemo.php', {style: 'small'});
你可以设置它们为行内(inline)样式$('#inline1').rater('ratingsdemo.php', {style: 'inline'});$('#inline2').rater('ratingsdemo.php', {style: 'inline', curvalue:3});
只显示一颗星星,就像一个开关$('#demo4').rater('ratingsdemo.php', {maxvalue:1, style: 'basic'});
最基本的样式$('#demo5').rater('ratingsdemo.php', {style: 'basic', curvalue:2});
5颗星星$('#demo6').rater('ratingsdemo.php', {maxvalue:10, style: 'basic', curvalue:0});
你也可以定制你想要的星星数量$('#demo6').rater('ratingsdemo.php', {maxvalue:10, style: 'basic', curvalue:0});
新建项目文件夹,引入以下文件:
jQuery Helper for Komodo Media CSS Star Rater (Redux)
Dynamicly create a Ajax rater
/** * jQuery Ajax Rater Plugin * * This rater is based on the code Ritesh Agrawal did. Unfortunatly his CSS and the hover technique breaks in some browsers. * So i thought, why not use the best CSS star-rater known to man kind and throw it in the mix. * I have used the CSS and technique from Komodo Media since it is stable and tested on many, many browsers. * * This rater compared, has no cancel button. But i think we can live with that :) * To avoid conflicts i have changed the function name. * * Licensed under The MIT License */
Basic
$('#demo1').rater('ratingsdemo.php'); Small
$('#demo2').rater('ratingsdemo.php', {style: 'small'}); Inline
and
$('#inline1').rater('ratingsdemo.php', {style: 'inline'});
$('#inline2').rater('ratingsdemo.php', {style: 'inline', curvalue:3}); Single Star (GMail style)
$('#demo4').rater('ratingsdemo.php', {maxvalue:1, style: 'basic'}); Basic, with initial value
$('#demo5').rater('ratingsdemo.php', {style: 'basic', curvalue:2}); Basic, but more then 5 stars
$('#demo6').rater('ratingsdemo.php', {maxvalue:10, style: 'basic', curvalue:0}); Or Small.. doesn't matter
$('#demo7').rater('ratingsdemo.php', {maxvalue:20, style: 'small', curvalue:3}); Basic,运行效果如下图所示:
Small,运行效果如下图所示:
Inline,运行效果如下图所示:
Single Star (GMail style),运行效果如下图所示:
Basic, with initial value,运行效果如下图所示:
Basic, but more then 5 stars,运行效果如下图所示:
Or Small.. doesn't matter,运行效果如下图所示:
该插件依赖于JQuery库,需要引入JQuery库文件
- 1
仿Komodo Media的jQuery星级评分插件使用攻略
- 2
蓝莓树几年后结出果实呢?
- 3
STOLL简单的花型组合之正针加前版吊目
- 4
王蓝莓的幸福生活1-34老妈怒气两朵小红花攻略
- 5
教你多样混搭优雅组合
- 6
杂交兰如何养护
- 7
关于杜仲桑叶黄金组合的组合主要作用
- 8
造梦西游4蓝毗尼园怎么过
- 9
选出来就能恶心到对手!新版玛尔扎哈上手攻略
- 10
如何成为露娜大神?(露娜三大操作技巧)
- 11
年会舞蹈编排及注意事项
- 12
5.4围攻奥格瑞玛坦克注意事项
- 13
TP Link无线路由器桥接设置步骤
- 14
千里香饵料野钓怎么用
- 15
舞蹈怎样才能跳出韵味
- 16
猪得了猪瘟该怎么治疗
- 17
怎么混合颜料配置新颜色?
- 18
修女救父攻略
- 19
古典舞中的腰部训练
- 20
怎样做好古典舞身韵教学
- 21
地下城堡2蓝宝石戒指怎么获得
