当前路径: 星河码客 » 插件特效 » jquery点击头像投票插件_html多组合柱形图投票插件

jquery点击头像投票插件_html多组合柱形图投票插件

js代码实现$(document).ready(function(e) { //$(".VoteValue").css("margin-top",$(this).hei Vote.Init();});var Vote={ voteJson:[ {Name:"LeeSin",Img:"imgs/1.jpg",Value:220}, {Name:"Ahri",Img:"imgs/2.jpg",Value:161}, {Name:"Sona",Img:"imgs/3.jpg",Value:130}, {Name:"JarvanIV",Img:"imgs/4.jpg",Value:211} ], Init:function(){ for(var i=0;i

"); VoteItem.attr("class","VoteItem"); $("#VoteMain").append(VoteItem); var VoteImg=$(""); VoteImg.attr("class","VoteImg"); VoteImg.click(function(){ $(this).next().css("height",$(this).next().height()+1+"px"); $(this).next().css("margin-top",300-20-$(this).next().height()+"px"); $(this).next().find(".VoteSpan").html($(this).next().height()); var VoteSpanTri=$(""); VoteSpanTri.attr("class","VoteSpanTri"); $(this).next().find(".VoteSpan").append(VoteSpanTri); }); VoteItem.append(VoteImg); var VoteValue=$("
"); VoteValue.attr("class","VoteValue"); VoteValue.css("margin-top",300-20-mValue+"px"); VoteValue.animate({height:mValue+"px"},500); VoteItem.append(VoteValue); var VoteSpan=$("
"+mValue+"
"); VoteSpan.attr("class","VoteSpan"); VoteValue.append(VoteSpan); var VoteSpanTri=$(""); VoteSpanTri.attr("class","VoteSpanTri"); VoteSpan.append(VoteSpanTri); var VoteText=$("

"); VoteText.html(mName); VoteText.attr("class","VoteText"); VoteItem.append(VoteText); } }}

jquery点击头像投票插件_html多组合柱形图投票插件

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»