‘; } container.find.html } 插件下载 演示地址

studyplayvote.rar 希望朋友下载使用,有问题谢谢反馈

    
首先在页面中添加一个ID为‘z’的div元素,编写JavaScript代码显示投票结果具体代码如下:

四、页面调用
首先在页面中添加一个ID为‘z’的div元素,编写JavaScript代码显示投票结果具体代码如下:
复制代码 代码如下:

插件下载

‘+studyplay_present+’%

欧博国际平台,     三、引入投票插件

该段代码运行的效果如图一所示。 说明:该插件存在两个参数 1、options
必填插件他是一个object数据具体形式如下所示。
[{},{}…{}]该数组的个数就是投票选项的个数,如果投票有十个选项这个数组必须为10个;
其中{}为json数据,共有三项。 “name”表示投票选项的名称;
“data”表示该选项投票数; “color”表示该选项柱形颜色。
2、totle可选参数,可以省略不写。表示投票的总数量,主要用于多项选择投票计算百分比。
该插件具体代码 复制代码 代码如下:
$.fn.study_vote= function{ var settings=options; if { if { alert;
return; } } if!=’object’) { alert; return; } var container = jQuery;
container.html; var study_voteCount=0; if(totle==null||totle==”)
{//单项投票 for(i=0;i

$.fn.study_vote= function(options,totle){
 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)
 }

三、引入投票插件
引入自己开发的投票插件“Studyplay_vote.js”,具体代码如下所示:

其它相关:
      
转自:http://www.cnblogs.com/jyshi/

‘+settings[i].name+’:

该段代码运行的效果如图一所示。

首先还是来看一下运行效果如图1所示。 该插件使用步骤 一、引入css文件
首先页面引入css样式文件‘votecss.css’,他是投票结果正常显示必不可少的。具体代码如下所示:
二、引入jQuery的就是源文件
该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下:

     <script type=”text/javascript”
src=”startpic/jquery.js”></script>   

     该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下:

     二、引入jQuery的就是源文件

欧博国际平台 1

     <script src=”startpic/Studyplay_vote.js”></script>

     四、页面调用

投票系统是网站中十分常见的系统,显示结果也是十分常见的。最近因为项目需要开发了一个投票结果显示jQuery插件。首先还是来看一下运行效果如图1所示。

  引入自己开发的投票插件“Studyplay_vote.js”,具体代码如下所示:

  
[{},{}…{}]该数组的个数就是投票选项的个数,如果投票有十个选项这个数组必须为10个;
其中{}为json数据,共有三项。

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注