投票システムとスクリプトの簡単な投票スワイプのサンプルコード

投票系统 & 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 tags = document.getElementsByTagName(" *"); //すべてのノードを取得 console.log(tags[0].nodeType) for(var item in tags) { 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/;コンテンツは空です if(childs[i].nodeName == "#text" && pattern.test(childs[i].nodeValue)) { //処理中 //alert(childs[i].nodeName); .removeChild(childs[i]); //FF で取得した空ノードを削除 } } }

window.onload = function() { var people = getElemensByClassName("person"); //alert( people); for(var item in people) { //すべての人物を走査し、投票イベントをそれらにバインドします (function(_item) { //アイテムが常にスコープの問題によって引き起こされるのを防ぐために、匿名関数はアイテムを渡します最後の delete_FF(persons[_item]) //FF の空の行で表される子ノードに移動します people[_item].setAttribute("id", "person" + (parseInt(_item) +) 1)); //id を割り当てます

BrushVotes(); // ブラシ投票 $("#person3>p>span").bind( 'DOMNodeInserted', function(e) { //3 つの変更時にトリガーされます BrushVotes() // ブラシ投票を継続します });

function BrushVotes(){ // ブラシ投票 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+" "+three_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

関連記事

投票システムとスクリプトの簡単な投票スワイプのサンプルコード