基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码

打造 漂亮 动态 友好的 精选随机色彩 投票百分比展示 效果

HTML结构:

<ul class=”vote-box-list clearfix” id=”appVoteBox”>
<li class=”vl-item” id=”voteItem0″ >
<div class=”vote-item-wrap”>
<h4>A：</h4>
<p class=”litem”><em class=vleft></em><span></span><em class=vright></em>
</p><span class=vnum>79（2%）</span>
</div>
<li class=”vl-item” id=”voteItem1″ >
<div class=”vote-item-wrap”>
<h4>B：</h4>
<p class=”litem”><em class=vleft></em><span></span><em class=vright></em></p>
<span class=vnum>1986（61%）</span>
</div>
<li class=”vl-item” id=”voteItem2″>
<div class=”vote-item-wrap”>
<h4>C：</h4>
<p class=”litem”><em class=vleft></em><span></span><em class=vright></em></p>
<span class=vnum>1153（36%）</span>
</div>
<li class=”vl-item” id=”voteItem3″ >
<div class=”vote-item-wrap”>
<h4>D：</h4>
<p class=”litem”><em class=vleft></em><span></span><em class=vright></em></p>
<span class=vnum>415（13%）</span>
</div>
<li class=”vl-item” id=”voteItem4″ >
<div class=”vote-item-wrap”>
<h4>5：</h4>
<p class=”litem”><em class=vleft></em><span></span><em class=vright></em></p>
<span class=vnum>89（3%）</span>
</div>
</ul>

jquery代码:

var Vote = {};
Vote.ListShow = (function() {
var b, c, g, j;
function a(k) {
b = k.id;
g = k.percent;
j = k.width;
styleData = h();
bindItems = d()
}
function d() {
var o = [];
m = $(“.vote-item-wrap”);
for (var n = 0, k = m.length; n < k; n++) {
o.push(m[n].children[1]);
}
return o
}