用JSP在线投票系统代码分享

用JSP在线投票系统代码分享，样式写的不是太好，具体根据需求来设计，希望大家不要太介意。

以下是html/css部分

<style type="text/css">body{background:lightblue;}.vip li{width: 400px;height: 50px;background: white;list-style: none;margin-top: 50px;line-height: 50px;border-radius: 3px;padding-left: 10px;}.vip li span:nth-of-type(1){width: 100px;height: 20px;border: 1px solid black;background: lightgrey;display: inline-block;vertical-align: middle;margin-left: 40px;position: relative;}.vip li span a{height: 100%;background: red;position: absolute;left: 0;top: 0;}.vip li button{border: none;box-shadow: 1px 3px 3px lightsteelblue;background: rgb(217,0,0);border-radius: 30px;height: 30px;color: white;margin-left: 30px;outline: none;}.vip li button:hover{background: rgb(217,0,0);}
</style><body><ul class="vip"><li>免费云播空间 <span><a href=""></a></span><button>投一票</button><span>0%</span></li><li>连续包月优惠<span><a href=""></a>http://www.aivtp.com/</span><button>投一票</button><span>0%</span></li><li>免费游戏礼包<span><a href=""></a></span><button>投一票</button><span>0%</span></li><li>丰富购物礼包<span><a href=""></a></span><button>投一票</button><span>0%</span></li></ul>
</body>

前面的结构就没什么好说的了，下面是js部分

<script>var sum = 100 // 总票数 $('.vip li button').click(function(){
//          console.log($(this).siblings('span').find('a').text())if(sum == 0){alert("投票已结束")return;}//当票数为0时点击无效 为0时表示4个投票系统加起来已经100%所有人已经投完票 可以根据实时人数来决定sum -= 1;//点击减票数var liw = $(this).siblings('span').find('a').width();//获取当前a标签的宽度liw += 1; //点击加1 添加背景的宽度；console.log(liw,sum)var index = $(this).parent().index('.vip li'); $(this).parent().find('span:nth-of-type(2)').text(liw+"%") //显示点击一次所占总百分比的比例 如果人数不是100个人可以根据实际需求$('.vip li').eq(index).find('a').animate({width:liw+"px"},50,"linear") //添加投票条的长度})
</script>

本人水平有限，如有纰漏请指出。。多多指教！！！！！！

用JSP在线投票系统代码分享相关推荐

教你制作简单的jsp在线考试系统
教你制作简单的jsp在线考试系统代码链接先给大家看看效果图: 首页Index.jsp <%@ page language="java" contentType=" ...
JSP实现在线投票系统
系统介绍一个网站的发展壮大靠的就是众多用户的支持,一个好的网站一定要注意与用户之间信息的交流,及时得到用户反馈信息,并及时改进,这也是一个网站持续发展的基础.也正是由于该原因,网络上各式各样的投票系 ...
JSP+Servlet java在线投票系统
JSP+Servlet 在线投票系统关于开发环境 1. jdk1.6 2. myeclipse10 3. tomcat6 4. mysql utf-8 使用技术 1. ssh 框架 2. log使用的 ...
基于Java+JSP+MySQL基于SSM的在线投票系统-计算机毕业设计
项目介绍随着社会的发展,人们在处理一些问题的时候不同意见越来越多,这源于人们对思想的解放和对社会的认识.所以在处理同一问题上,为了征求不同人的意见在线投票系统诞生了. 基于SSM的在线投票系统以钦州 ...
python在线投票系统讲解_Python开发基础-项目实训-在线投票系统ppt课件
<Python开发基础-项目实训-在线投票系统ppt课件>由会员分享,可在线阅读,更多相关<Python开发基础-项目实训-在线投票系统ppt课件(27页珍藏版)>请在人人文库 ...
java-net-php-python-67ssm在线投票系统计算机毕业设计程序
java-net-php-python-67ssm在线投票系统计算机毕业设计程序 java-net-php-python-67ssm在线投票系统计算机毕业设计程序本源码技术栈: 项目架构:B/S架构 ...
java 在线投票_基于javaweb的在线投票系统
[实例简介] 基于javaweb的在线投票系统,使用SSH框架.用户注册登录后,可以发起投票,管理投票,参与投票,查看投票比例和结果等. [实例截图] [核心代码] Vote └── Vote ├── ...
SSM框架基于JavaWeb在线投票系统的设计与实现源码
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 SSM框架基于JavaWeb在线投票系统的设计与实现源码视频效果 SSM框架基 ...
（附源码）springboot在线投票系统毕业设计 141307
基于springboot在线投票系统摘要随着全球Internet的迅猛发展和计算机应用的普及,特别是近几年无线网络的广阔覆盖以及无线终端设备的爆炸式增长,使得人们能够随时随地的访问网络,以获取最 ...

用JSP在线投票系统代码分享

用JSP在线投票系统代码分享相关推荐

最新文章

热门文章