div+css+jQuery简单实现投票功能
2014-10-22 13:43
507 查看
昨天看到C#群里有人问一个投票功能如何实现...
我对此很感兴趣,为了练习一下,就有了以下代码。
投票功能使用jQuery实现..纯html代码...数据通过json字符串传递,通过 eval转换为json对象
投票功能分为:
1.设置投票内容:
2.投票:
3.投票结果:
文件列表:
传值:
{
info: " 由京东针对国美苏宁发起的新一轮电商大战随着当当、易讯等企业的“乱入”,正演变为整个国内电商行业的混战。电商“8.15”价格战谁会是最后的赢家?今年的电商排位战,谁能笑到最后?<br/><br/>1.今年是电商排位战,你最看好谁?<br/>--------------------isea533----------------------",
choices: [{
name: "choice0",
value: "京东商城",
num: 6,
percent: 0.25
},
{
name: "choice1",
value: "苏宁易购",
num: 5,
percent: 0.20833333333333334
},
{
name: "choice2",
value: "国美商城",
num: 4,
percent: 0.16666666666666666
},
{
name: "choice3",
value: "当当网",
num: 2,
percent: 0.08333333333333333
},
{
name: "choice4",
value: "亚马逊中国",
num: 3,
percent: 0.125
},
{
name: "choice5",
value: "天猫(原淘宝商城)",
num: 4,
percent: 0.16666666666666666
}]
}
我对此很感兴趣,为了练习一下,就有了以下代码。
投票功能使用jQuery实现..纯html代码...数据通过json字符串传递,通过 eval转换为json对象
投票功能分为:
1.设置投票内容:
2.投票:
3.投票结果:
文件列表:
传值:
{
info: " 由京东针对国美苏宁发起的新一轮电商大战随着当当、易讯等企业的“乱入”,正演变为整个国内电商行业的混战。电商“8.15”价格战谁会是最后的赢家?今年的电商排位战,谁能笑到最后?<br/><br/>1.今年是电商排位战,你最看好谁?<br/>--------------------isea533----------------------",
choices: [{
name: "choice0",
value: "京东商城",
num: 6,
percent: 0.25
},
{
name: "choice1",
value: "苏宁易购",
num: 5,
percent: 0.20833333333333334
},
{
name: "choice2",
value: "国美商城",
num: 4,
percent: 0.16666666666666666
},
{
name: "choice3",
value: "当当网",
num: 2,
percent: 0.08333333333333333
},
{
name: "choice4",
value: "亚马逊中国",
num: 3,
percent: 0.125
},
{
name: "choice5",
value: "天猫(原淘宝商城)",
num: 4,
percent: 0.16666666666666666
}]
}
相关文章推荐
- div+css+jQuery简单实现投票功能..
- jquery+css实现简单的评分功能
- 用css和jQuery实现简单的购物车功能
- html+css+jQuery实现多种图片简单切换功能大综合
- html+css+jQuery实现多种图片简单切换功能大综合
- 用css和jQuery实现简单的购物车功能
- jquery+css实现简单的评分功能
- jquery实现简单的tabs插件功能
- 初次接触jQuery,实现一些简单的功能
- Div+CSS+JQuery轻松实现选项卡"选项卡"
- 通过jQuery遍历div里面的checkbox,实现全选的功能
- jquery实现css简单管理
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- jquery实现简单播放图片功能
- 用div+css实现简单下拉菜单效果
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- 使用jQuery简单实现产品展示的图片左右滚动功能
- jquery中实现简单的tabs插件功能的代码
- 简单的div+css+jquery菜单导航