随机选人程序问题

疯狂的猿 2013-07-13 10:43:13
当我点击鼠标停止的时候，会停在选中人的位置，但是无法得到选中人的id，得到的id跟数据库中的id不符合，有误差，求解决方案。


       				 <div id="demo"  class="div_mil">

					  <div  id="demo1"  class="div_mil_inner" >

					  <ul id="ulmain">

					   		

								<li id="s19">谬俊杰</li>

							

								<li id="s20">陈有骥</li>

							

								<li id="s22">白兴忠</li>

							

								<li id="s23">胡光昌</li>

							

								<li id="s24">张亚威</li>

							

								<li id="s26">杨潇彬</li>

							

								<li id="s28">叶勇</li>

							

								<li id="s29">雷甘露</li>

							

								<li id="s30">李厚爱</li>

							

								<li id="s31">李光敏</li>

							

								<li id="s32">陶珏</li>

							

								<li id="s34">王国庆</li>

							

								<li id="s36">黄武兵</li>

							

								<li id="s39">杨百顺</li>

							

								<li id="s41">高勋</li>

							

								<li id="s42">林登辉</li>

							

								<li id="s43">疏双志</li>

							

								<li id="s44">蔡英明</li>

							

								<li id="s46">李亚飞</li>

							

								<li id="s47">赵成兵</li>

							

								<li id="s48">杨博</li>

							

								<li id="s49">梁金佟</li>

							

								<li id="s52">周聚富</li>

							

								<li id="s53">黄少池</li>

							

								<li id="s54">陈占成</li>

							

								<li id="s55">包文朝</li>

							

								<li id="s56">姜新强</li>

							

								<li id="s57">王国伟</li>

							

								<li id="s58">王功道</li>

							

								<li id="s60">宁年瑞</li>

							

								<li id="s61">杨冰</li>

							

								<li id="s62">宋国龙</li>

							

								<li id="s63">朱云坤</li>

							

								<li id="s64">张竣</li>

							

								<li id="s65">马坤</li>

							

								<li id="s66">柯永生</li>

							

								<li id="s67">李天祥</li>

							

								<li id="s68">刘伟易</li>

							

								<li id="s69">郭金龙</li>

							

								<li id="s71">李广源</li>

							

								<li id="s72">朱巧玲</li>

							

								<li id="s73">程浩</li>

							

								<li id="s75">你是</li>

							

								<li id="s76">是啊</li>

							

					  </ul>

					 </div>

js的代码
$(function(){

		

		var process ;  //   = setInterval("getscroll()", 1); //每3/毫秒滚动一次

		var onkeyindex=1; 	

		// 1   停止滚动  状态

		// 2    正在滚动   

		         // 3      停止滚动  等待选择的状态

		var currentindex=1; //当前显示人员id

		var chooseindex=0;

		

		var totalcount = $("#ulmain").children("li").size();

		//alert(totalcount);

		//$("#ul1").find("li").css("display","none");

		

		///////////////////////////////////////////

		////////////////////begin///////////////////

		var speed = 40;

		var ZJJDemo  = $("#demo")[0]; // document.getElementById('demo');

		var ZJJDemo1 = $("#demo1")[0]; // document.getElementById('demo1');

		var ZJJDemo2 = $("#demo2")[0]; //document.getElementById('demo2');

		$("#demo2").html($("#demo1").html());

		

		//滑动效果实现体

		function ballot(){

			if(onkeyindex == 2){

				if (ZJJDemo2.offsetTop - ZJJDemo.scrollTop <= 0)

					ZJJDemo.scrollTop -= ZJJDemo1.offsetHeight;

				else {

					ZJJDemo.scrollTop += 60;

				}

				chooseindex = currentindex;

				if(currentindex==totalcount*3) currentindex=1;

				currentindex++;

				setTimeout(ballot, 1); 

			}

			

		};					

							

		////////////////////end////////////////////

		

/*	滚动效果实现体

 * function ballot(){

		if(onkeyindex == 2){

			$("#s"+currentindex).siblings("li").css("display","none");

			$("#s"+currentindex).css("display","");

			chooseindex = currentindex;

			if(currentindex==totalcount) currentindex=1;

			currentindex++;

			setTimeout(ballot, 1); 

		}

		

	};*/

	

	

	function startBallot(){

		onkeyindex = 2;

		setTimeout(ballot, 1); //每3/毫秒滚动一次

	};		

	

	function stopBallot(){

		//clearInterval(MyMar1);

		onkeyindex = 1;

		

		var scrolltop = $("#demo")[0].scrollTop; //拿到外围滚动条

		var height = scrolltop % 180; //让他摸以显示的DIV 的高度  是否等于0  等于0 说明 中间刚好显示一个LI 的高度

		

		if (height != 0) {

			//如果不等于O 的情况下  让他-掉多出来的宽度  刚好又显示一个完成的LI 

			$("#demo")[0].scrollTop -= height;

		}

		//alert(Math.round(scrolltop/180));

//		alert(chooseindex);

	};		

	

	function resetBallot(){

		//MyMar1 = setTimeout(Marquee1, speed);

		onkeyindex =2;

		ballot();

	};				



	//current

	

	

	document.onkeydown = function(event) {

			var e = event || window.event

					|| arguments.callee.caller.arguments[0]; //兼容浏览器的获取KeY 对象的 方法

			//

			if (onkeyindex == 1) { //标记位置 等于1 代表停止滚动  状态

				if (e.keyCode == 32)//空格事件   32 为空格

				{

					 startBallot();//单机方法 其中可以滚动



				}



			} else if (onkeyindex == 2) { //判断等于2 的时候为正在滚动  

				if (e.keyCode == 32)//空格事件 

				{

					stopBallot(); //调用单击停止滚动



				}



			}  /* else if (onkeyindex == 3) { //等于三为停止滚动 等待选择的状态

				if (e.keyCode == 32) { //再按一次空格为 确定本次操作

					stopBallot(); 

					//alert(currentindex);;//调用取消方法



				} else if (e.keyCode == 27) { //如果是ESC  则为否定

					resetBallot();; //调用取消



				}

			}  */



		};

		

		

		$("#invokeMain").bind('click', function(){

			if (onkeyindex == 1) { //标记位置 等于1 代表停止滚动  状态

				$("#invokeMain").attr("src","images/btn_stop.jpg");

			    startBallot();//单机方法 其中可以滚动

		

		

			} else if (onkeyindex == 2) { //判断等于2 的时候为正在滚动  

				$("#invokeMain").attr("src","images/btn.jpg");

					stopBallot(); //调用单击停止滚动

			

			} 

		});

		 

	});

有谁能解决一下，急，今天晚上就要开始上交项目了
...全文
426 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
疯狂的猿 2013-07-13
  • 打赏
  • 举报
 回复 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ taglib uri="/struts-tags" prefix="s"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>随机点名程序</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style_version.css"/>
<script language="javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script>

<script language="javascript" src="${pageContext.request.contextPath}/js/ballot.js" charset="utf-8"></script>

</head>

<body>
<div class="conn">
<div class="top">
    <img src="${pageContext.request.contextPath}/images/top_zi.jpg"/>
</div>
<div class="center">
	<span class="center_l"><img src="${pageContext.request.contextPath}/images/left.jpg"/></span>
  <div class="center_c">
    	<div class="div_up"><img src="${pageContext.request.contextPath}/images/center_c_top.jpg"/></div>
        <%-- <div class="div_mil">
        	<div  id="div_all"  class="div_mil_inner"  >
        		<ul id="ulmain">
					<s:iterator value="unselectedPersons">
						<li id="s<s:property value="id" />"><s:property  value="name"/></li>
					</s:iterator>
				</ul>
				<ul id="ulsub">
				</ul>
        	
        	</div>
        </div> --%>
        <%--begin --%>
       				 <div id="demo"  class="div_mil">
					  <div  id="demo1"  class="div_mil_inner" >
					  <ul id="ulmain">
					   		<s:iterator value="unselectedPersons">
								<li id="s<s:property value="id" />"><s:property  value="name"/></li>
							</s:iterator>
					  </ul>
					 </div>
					 <div id="demo2"></div>
					</div>
        <%--end --%>
        <div class="div_down">
       		<img src="${pageContext.request.contextPath}/images/center_c_bottom.jpg"/>
            <div class="current"><img src="${pageContext.request.contextPath}/images/dian.jpg" /></div>
        </div>
  </div>
    <span class="center_r"><img src="${pageContext.request.contextPath}/images/right.jpg"/></span>
</div>
<div class="bottom">
	<div class="btn">
		<input id="invokeMain" type="image"   src="${pageContext.request.contextPath}/images/btn.jpg" /> 
			 <marquee >空格：确定。Esc 取消  </p></marquee>
			 <input type="button" name="mybutton" value="开  始"/>
	 	</div>
	 	<a href="${pageContext.request.contextPath}/person_list.do" style=" color:white;">后台管理--></a>
</div>
</div>
</body>
</html>
KK3K2005 2013-07-13
  • 打赏
  • 举报
 回复
放完整代码 或者链接出来
疯狂的猿 2013-07-13
  • 打赏
  • 举报
 回复
我点击按钮后，上面就开始转动，再按按钮，转动停止，停在当前选人的地方，获得选择中人的id
疯狂的猿 2013-07-13
  • 打赏
  • 举报
 回复
Hello World, 2013-07-13
  • 打赏
  • 举报
 回复
chooseindex=parseInt(scrolltop/180)
Hello World, 2013-07-13
  • 打赏
  • 举报
 回复
chooseindex=Math.round(scrolltop/180)
一个基于JS的随机选人小程序源码.zip
一个基于JS的随机选人小程序源码.zip
JAVA 实现随机选人
实现随机选人的小程序 用数组实现随机选人
随机选人程序
用VC6.0平台编写的一个比较粗糙的随机选人程序，人物图像及姓名不停滚动，按空格键时停下。下载后可替换成自己所需的人物图像。具体编写过程见我的博客。
选人程序.zip
为媳妇上课点名制作的一个点名系统，从txt文件的人名单中随机抽取姓名，支持重复模式和不重复模式，可配置男生和女生各自的txt，将人名按现有格式复制到txt中即可使用
微信小程序基础制作-随机选人
这个微信小程序的主要功能是随机选取人员，适用于各种场景，如抽奖活动、随机点名等。用户可以输入一组名字或选项，然后通过小程序的随机算法从中选择一个。程序还可以提供定制化选项，例如设定权重，使某些选项被...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章