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

投票系统 & 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 票

给它投票

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

関連記事

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