投票系统显示结果--jQuery插件
$(document).ready(function(){
$("#z").study_vote([{"options":"好评","data":"16","color":"#39c"},{"name":"中评","data":"10","color":"#f00"},{"name":"差评","data":"30","color":"#000"}]);
});
</script>
- "name"表示投票选项的名称;
- "data"表示该选项投票数;
- "color"表示该选项柱形颜色。
var settings=options;
if(totle!=null)
{
if(isNaN(totle))
{
alert('参数错误');
return;
}
}
if(typeof(settings)!='object')
{
alert('参数错误');
return;
}
var container = jQuery(this);
container.html('<dl id="studyvote"></dl>');
var study_voteCount=0;
if(totle==null||totle=='')
{//单项投票
for(i=0;i<settings.length;i++)
{
study_voteCount += parseInt(settings[i].data);
}
}
else
{//多项投票
study_voteCount = parseInt(totle);
}
var study_votestr="";
for(i=0;i<settings.length;i++)
{
var studyplay_present=settings[i].data/study_voteCount*100;
if(parseInt(studyplay_present)!=studyplay_present)
{
studyplay_present=studyplay_present.toFixed(2);
}
study_votestr +='<dd class="dd"><div class="fl">'+settings[i].name+':</div><div class="outbar"><div class="inbar" style="width:'+studyplay_present+'%;background:'+settings[i].color+';"></div></div> <div class="fl">'+studyplay_present+'% </div></dd>';
}
container.find('#studyvote').html(study_votestr)
}
其它相关:
转自:http://www.cnblogs.com/jyshi/
投票系统显示结果--jQuery插件相关推荐
- 图片放大显示的jQuery插件
从网上下载了一个jquery的图片放大显示插件,效果如下 前台代码调用: 先引入js <script type="text/javascript" src="../ ...
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...
- js特效 在服务器显示变形,使一行文字变形产生弯曲弧度特效的jQuery插件 - Arctext.js...
CSS3可以帮助我们旋转字体,但是如果想让一行字体产生弧度曲线的效果,稍微有点儿费劲.今天分享一个jQuery插件:Arctext.js ,可以有效的帮助我们生成一行带有弧度的文字效果.它能够自动计算 ...
- jquery插件dataTables(dataTables在显示表格的时候,果然是个好东西,支持排序/搜索/分页/...)
jquery插件dataTables dataTables在显示表格的时候,支持排序/搜索/分页/... 官网:http://www.datatables.net/ demo: [javascript ...
- java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件
[Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...
- php 微擎钻石投票二开,[模块插件]微擎钻石投票男神女神公众号投票系统完美运营版其他-(微信)小程序...
公众号投票系统,暂不支持小程序,客服若不在可直接拍下,自动发货,已测试可完美运营商用 注: 只支持认证服务号和认证订阅号借权支付,非认证公众号无法使用礼物功能 1,域名自动切换,随机域名,炮灰域名(启 ...
- ajax上传图片成功但不显示,jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)...
参考学习: 第一篇:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 第二篇:http://www.jb51.net/a ...
- html5下拉列表显示多列,多列网格样式下拉列表框美化jQuery插件
Multi-Column-Select是一款多列网格样式下拉列表框美化jQuery插件.通过该插件可以将下拉列表转换为多列的网格选项布局.它支持下拉列表的单选和多选,在鼠标滑过列表选项时还带有一些有趣 ...
- jQuery:收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...
- 30+ 新鲜惊奇的 jQuery 插件与教程
在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在.以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程.如果你 ...
最新文章
- 可由一个尾指针唯一确定的链表有_极客算法训练笔记(三),链表详细图解,别再逃避了朋友...
- 商汤组了「最强大脑」局,正儿八经解释为啥搞起电竞AI
- python语言入门p-python入门基础教程04 Python程序基本组成
- 111.什么是基带信号?什么是宽带信号?
- 干货 | 国内互联网公司是如何做微服务实践的?(附PPT下载)
- 读书笔记:软件人才-管理的艺术
- java优秀算法河内之塔_河内塔的Java程序
- 训练机器人看脸读“心”,真的靠谱吗?
- Spring身份验证+CXF拦截器+RESTful
- 华为员工实力炫富,工作六年有房有豪车,存款六十万
- js 双引号一行两行_一行注释也能影响运行结果?
- 四种常见排序算法----php代码实现
- 蓝鹰立德的SAP解决方案开启飞马模式(FMEA)
- XP的定时关机命令?
- 旅游产品分析:要出发周边游
- 温故而知新,可以为师矣,回忆一下排序的思路
- yapi 接口管理平台手册
- Android手机Home键/Back回退键事件
- excel.h的简单使用
- 常见的百度蜘蛛IP 日志分析