투표 시스템 및 스크립트 간단한 투표 스와이프 예제 코드

投票系统 & js脚本简单刷票 * { padding: 0; margin: 0; }

#wrap { margin: 0 auto; width: 600px; text-align: center; }

.person { position: relative; margin: 20px; float: left; }

.person h4, .person p, .person button { margin-bottom: 5px; }

.person h4 { color: blue; }

.person span { color: red; }

.person button:hover { cursor: pointer; font-weight: bold; }

.clear { clear: both; }

给你的小伙伴投上一票吧 one 总票数： 0 票

给它投票 two 总票数： 0 票

给它投票 three 总票数： 0 票

给它投票 four 总票数： 0 票

给它投票 function getElemensByClassName(className) { // 클래스 통과 var classArr = new Array(); var tagged = document.getElementsByTagName(" *"); //모든 노드 가져오기 console.log(tags[0].nodeType) for(var item in tagged) { if(tags[item].nodeType == 1) { if(tags[item ].getAttribute("class") == className) { classArr.push(tags[item]); //클래스와 일치하는 노드 수집 } } } return classArr; }

function delete_FF(element) { // FireFox에서 빈 하위 노드가 있는 요소를 삭제합니다 var childs = element.childNodes; for(var i = 0; i var Pattern = /s/ //Pattern Match, the 콘텐츠가 비어 있습니다 if(childs[i].nodeName == "#text" && Pattern.test(childs[i].nodeValue)) { //Processing //alert(childs[i].nodeName) 요소 .removeChild(childs[i]); //FF } } }

window.onload = function() { var person = getElemensByClassName("person"); // Alert( people); for(var item in people) { //모든 사람을 탐색하고 투표 이벤트를 그들에게 바인딩합니다 (function(_item) { //익명 함수는 범위 문제로 인해 항목이 항상 발생하는 것을 방지하기 위해 항목을 전달합니다. . 마지막 delete_FF(persons[_item]); //FF의 빈 행으로 표시되는 하위 노드로 이동 person[_item].setAttribute("id", "person" + (parseInt(_item) + 1)); //ID 할당

BrushVotes(); // 브러시 투표 $("#person3>p>span").bind( 'DOMNodeInserted', function(e) { //세 가지 변경 시 트리거됨 BrushVotes(); //브러시 투표 계속 });

function BrushVotes(){ //Brush Votes function var t = setInterval(function( ){ var three_num = $("#person3>p>span").text(); //3표 var two_num = $("#person2>p>span").text() // 2표 console.info(two_num+" "+3_num);

if(two_num - three_num $("#person2>button").click().attr ("disabled",false); //투표를 유발하는 이벤트 클릭, 투표 후 투표 권한을 다시 받아야 한다는 점을 기억하세요 } if(two_num - three_num == 5){ //5표 앞서, 여기서 중지 clearInterval( t); }

},2000); } };

저자: 一一17

출처:

저자 소개: HTML5와 프론트엔드에 집중하세요!

투표 시스템 및 스크립트 간단한 투표 스와이프 예제 코드

给你的小伙伴投上一票吧

one

two

three

four

관련 기사