笔记本电脑或是台式机
互联网
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
Manitowoc万利多SY1604A制冰机说明书:[2]
- 3
Manitowoc万利多SD0422A制冰机说明书:[4]
- 4
Manitowoc万利多SR1800A制冰机说明书:[5]
- 5
Manitowoc万利多ES1062AC制冰机说明书
- 6
小白菜怎么炒
- 7
白菜怎么做才好吃
- 8
大白菜怎么炒才营养
- 9
小炒白菜怎么做
- 10
白菜最简单的吃法
- 11
怎样炒大白菜好吃
- 12
怎么样炒白菜好吃
- 13
白菜家常美味做法初级
- 14
Manitowoc万利多QY0325WS制冰机说明书:[3]
- 15
Manitowoc万利多SR0590N制冰机说明书:[5]
- 16
Manitowoc万利多QD0803WS制冰机说明书:[3]
- 17
Manitowoc万利多SY1404A制冰机说明书:[4]
- 18
Manitowoc万利多QD0202AS制冰机说明书:[3]
- 19
Manitowoc万利多QM20制冰机说明书:[3]
- 20
Manitowoc万利多SY0305W制冰机说明书:[3]
- 21
Manitowoc万利多QM45A制冰机说明书:[2]