笔记本电脑或是台式机
互联网
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
如何做一个乐观开朗的女孩?
- 4
高三学生怀疑同班的女生喜欢自己
- 5
男人为什么不喜欢娶女老师当老婆
- 6
如何做一个自强自爱的女人
- 7
女导师的美肌绝招
- 8
怎么暗示女(男)生我喜欢她(他),用什么办法
- 9
一个聪明的女人的嫁人经验
- 10
别折腾!健身教练给女性的减肥忠告,一生受益!
- 11
爱自己的女人嫁谁都会幸福
- 12
看看吧,如何让自己的女朋友惊喜
- 13
美女扎发技巧
- 14
那些用身体交换物质的女大学生:以后的你怎么活
- 15
老师怎样与脾气暴躁的女生接触
- 16
如何走进女人心里
- 17
疲惫的女人请吃素
- 18
老师夸自己的孩子优秀,我要怎么回答
- 19
如何吸引自己喜欢的女孩的注意
- 20
爱自己的女人。【巧克力沙瓦琳Savarin】
- 21
自立弱的女孩怎么办