<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="Washington Botelho">
<meta name="description" content="A Star Rating Plugin">
<meta name="google" content="notranslate">
<meta name="keywords" content="jquery,plugin,rating,raty,voto,star,staring,classificacao,classificar,votar,plugin">
<meta name="robots" content="ALL">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link href="favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<title>jQuery Raty | A Star Rating Plugin - Washington Botelho</title>
<meta content="authenticity_token" name="csrf-param">
<link href="stylesheets/labs.css" media="screen" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../lib/jquery.raty.css">
<style>.functions .demo {
margin-bottom: 10px;
}
.functions .item {
background-color: #FEFEFE;
border-radius: 4px;
display: inline-block;
margin-bottom: 5px;
padding: 5px 10px;
}
.functions .item a {
border: 1px solid #CCC;
margin-left: 10px;
padding: 5px;
text-decoration: none;
}
.functions .item input {
display: inline-block;
margin-left: 2px;
padding: 5px 6px;
width: 120px;
}
.functions .item label {
display: inline-block;
font-size: 1.1em;
font-weight: bold;
}
.hint {
text-align: center;
width: 160px
}
div.hint {
font-size: 1.4em;
height: 46px;
margin-top: 15px;
padding: 7px
}
</style>
<script src="../vendor/jquery.js"></script><script src="../lib/jquery.raty.js"></script>
<script src="javascripts/labs.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
<div role="banner" class="header">
<h1><a href="/raty">jQuery Raty</a></h1>
<div>A Star Rating Plugin</div>
</div>
<nav role="navigation" class="navigation">
<a href="http://github.com/wbotelhos/archive/2.7.0.zip" class="download" title="Download version 2.7.0"><i class="i-file-zip"></i> v2.7.0</a>
<a href="http://github.com/wbotelhos/raty" class="i-github" target="blank" title="Github <http://github.com/wbotelhos/raty>"></a>
<a href="http://wbotelhos.com/labs" class="labs i-labs" target="blank" title="Labs <http://wbotelhos.com/labs>"></a>
<i class="i-heart" title="Thank you! <3"></i>
<div id="donations">
<a href="http://gittip.com/wbotelhos" target="_blank">Git tip</a>
<span>•</span>
<a href="http://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=X8HEP2878NDEG&item_name=jQuery%20Raty" target="_blank">Paypal</a>
</div>
</nav>
<div class="clearfix"></div>
<article>
<div class="body">
<h1>Default</h1>
<p>You need just to have a <code>div</code> to build the Raty.</p>
<div id="default"></div>
<div class="highlight"><pre><span class="nt"><div></div></span>
</pre></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">();</span>
</pre></div>
<h1>Score</h1>
<p>Used when we want starts with a saved rating.</p>
<div id="score"></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span> <span class="nx">score</span><span class="o">:</span> <span class="mi">3</span> <span class="p">});</span>
</pre></div>
<h1>Score callback</h1>
<p>If you need to start you score depending of a dynamic value, you can to use callback for it.<br>
You can pass any value for it, not necessarily a data- value. You can use a field value for example.</p>
<div id="score-callback" data-score="1"></div>
<div class="highlight"><pre><span class="nt"><div</span> <span class="na">data-score=</span><span class="s">"1"</span><span class="nt">></div></span>
</pre></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span>
<span class="nx">score</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'data-score'</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">});</span>
</pre></div>
<h1>Score Name</h1>
<p>Changes the name of the hidden <a href="#score">score</a> field.</p>
<div id="scoreName"></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span> <span class="nx">scoreName</span><span class="o">:</span> <span class="s1">'entity[score]'</span> <span class="p">});</span>
</pre></div>
<h1>Number</h1>
<p>Changes the number of stars.</p>
<div id="number"></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span> <span class="nx">number</span><span class="o">:</span> <span class="mi">10</span> <span class="p">});</span>
</pre></div>
<h1>Number callback</h1>
<p>You can receive the <a href="#number">number</a> of stars dynamic using callback to set it.</p>
<div id="number-callback" data-number="3"></div>
<div class="highlight"><pre><span class="nt"><div</span> <span class="na">data-number=</span><span class="s">"3"</span><span class="nt">></div></span>
</pre></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span>
<span class="nx">number</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s1">'data-number'</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">});</span>
</pre></div>
<h1>Number Max</h1>
<p>Change the maximum of start that can be created.</p>
<div id="numberMax"></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span>
<span class="nx">numberMax</span> <span class="o">:</span> <span class="mi">5</span><span class="p">,</span>
<span class="nx">number</span> <span class="o">:</span> <span class="mi">100</span>
<span class="p">});</span>
</pre></div>
<h1>Read Only</h1>
<p>You can prevent users to vote. It can be applied with or without <a href="#score">score</a> and all stars will receives the <a href="#hints">hint</a> corresponding of the selected star.<br>
Stop the mouse over the stars to see:</p>
<div id="readOnly"></div>
<div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="s1">'div'</span><span class="p">).</span><span class="nx">raty</span><span class="p">({</span> <span class="nx">readOnly</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span> <span class="nx">score</span><span class="o">:</span> <span class="mi">3</span> <span class="p">});</span>
</pre></div>
<h1>Read Only callback</h1>
<p>You can decide if the rating will be <a href="#readOnly">readOnly</a> dynamically returning <code>true</code> of <code>false</code> on callback.</p>
<div id="readOnly-callback"></div>
<div class="highlight">
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计仓库管理系统.zip (1011个子文件)
theme.css 473KB
global-plugins.css 394KB
bootstrap.css 144KB
bootstrap.css 143KB
summernote-bs3.css 131KB
class-helpers.css 129KB
hover.css 123KB
bootstrap.min.css 120KB
bootstrap.min.css 119KB
bootstrap.min.css 114KB
animate.css 69KB
tiles.css 42KB
jquery-ui.css 35KB
pogo-slider.min.css 33KB
bootstrap-datepicker.css 33KB
font-awesome.css 32KB
jquery-ui.min.css 29KB
video-js.css 27KB
jquery-ui-1.10.1.custom.min.css 26KB
font-awesome.min.css 26KB
bootstrap-theme.css 26KB
bootstrap-theme.css 26KB
bootstrap-theme.min.css 23KB
bootstrap-theme.min.css 23KB
sweetalert.css 22KB
_all.css 21KB
bootstrap-editable.css 21KB
wet-asphalt.css 19KB
blue.css 19KB
sun-flower.css 18KB
turquoise.css 18KB
style2.css 18KB
concrete.css 18KB
alizarin.css 18KB
amethyst.css 18KB
green.css 18KB
carrot.css 18KB
cloud.css 18KB
jquery-ui.structure.css 18KB
jquery-ui.theme.css 17KB
jquery.notific8.css 16KB
select2.css 16KB
_all.css 15KB
_all.css 15KB
video-js.min.css 15KB
jquery-ui.structure.min.css 14KB
bootstrap-reset.css 14KB
jquery-ui.theme.min.css 14KB
_all.css 13KB
switch.css 13KB
jquery.notific8.min.css 13KB
line-icons.css 12KB
rwd-table.css 12KB
ladda.css 12KB
labs.css 11KB
fullcalendar.min.css 11KB
chartist.min.css 11KB
summernote.css 11KB
style-responsive.css 11KB
bootstrap-datetimepicker.min.css 11KB
rwd-table.min.css 11KB
demo_table.css 11KB
ladda-themeless.css 10KB
pe-icon-7-stroke.css 10KB
dropzone.min.css 9KB
ladda.min.css 9KB
tooltipster.css 9KB
dataTables.bootstrap.css 9KB
dropdowns-enhancement.css 8KB
bootstrap-slider.css 8KB
magnific-popup.css 8KB
ladda-themeless.min.css 8KB
daterangepicker.css 6KB
jquery-jvectormap-2.0.1.css 6KB
open-sans.css 6KB
clndr.css 6KB
owl.carousel.css 6KB
rickshaw.css 6KB
perfect-scrollbar.css 5KB
ios7-switch.css 5KB
twitter.css 4KB
owl.transitions.css 4KB
bootstrap-switch.css 4KB
jquery.nestable.css 4KB
slider.css 4KB
table-responsive.css 4KB
jquery.plupload.queue.css 4KB
star-rating.css 4KB
helper.css 4KB
DT_bootstrap.css 4KB
jquery.jqplot.min.css 3KB
select2-bootstrap.css 3KB
facebook.css 3KB
docs.min.css 3KB
google.css 3KB
perfect-scrollbar.min.css 3KB
bootstrap-timepicker.min.css 3KB
star-rating.min.css 3KB
bootstrap-colorpicker.css 2KB
bootstrap-fileupload.css 2KB
共 1011 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
- mygao02132024-01-30这个资源内容超赞,对我来说很有价值,很实用,感谢大佬分享~
马coder
- 粉丝: 1203
- 资源: 6602
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- vscode-1.64.1.tar源码文件
- vscode-1.64.0.tar源码文件
- vscode-1.52.0.tar源码文件
- Music-Player +PlayerActivity+ rockplayer+ SeeJoPlayer 播放器JAVA源码
- vscode-1.46.0.tar源码文件
- 最近很火植物大战僵尸杂交版2.08苹果+安卓+PC+防闪退工具V2+修改工具+高清工具+通关存档整合包更新
- 超级好用的截图工具PixPin,可录制Gif图
- Screenshot_2024-05-21-17-06-42-64_2332cb9b27b851b548ba47a91682926c.jpg
- 毕业设计参考 - 基于树莓派、OpenCV及Python的人脸识别
- node-v18.20.2-linux-arm64
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功