master

分支 (1)

管理

管理

master

mouse-practice-mouse
/
three.html

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<script src="/extensions/bootstrap/js/jquery.js"></script>
<script>
/*
*制作人：般若波罗蜜  QQ:27708647 2022.09
*/
$(document).ready(function(){
  var i=0;
  $('#rightclick_div1').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div1").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });

  $('#rightclick_div2').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div2").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });

  $('#rightclick_div3').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div3").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div4').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div4").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div5').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div5").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });
  $('#rightclick_div6').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div6").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div7').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div7").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div8').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div8").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div9').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div9").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });  $('#rightclick_div10').mousedown(function(e){
 if(e.which==3){
   //alert("鼠标右键触发事件");
   $("#rightclick_div10").hide();
    i++;
	$("#fenshu").html(i);
	if (i==10){location.href="four.html"; }
   }
 if(e.which==1){
   //alert("鼠标1事件");
   }
  if(e.which==2){
   //alert("鼠标2事件");
   }
  });

});


//屏蔽自带右键菜单
document.oncontextmenu = function(e){
         return false;
}
</script>

<style>
        .shadow{
            float:left;
            margin-left:20px;
			margin-bottom:5px;
            background: #CAAAAA;
            width:200px;
            height:200px;
        }
        .shadow:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px;  }
</style>
</head>

<body>


<h1>第三关：右击练习（中指点右键一次）</h1><img src="youji.gif"><h2>得分：<span id="fenshu"></span></h2><div>
<div id="rightclick_div1" class="shadow">
右击
</div>
<div id="rightclick_div2" class="shadow">
右击
</div>
<div id="rightclick_div3" class="shadow">
右击
</div>
<div id="rightclick_div4" class="shadow">
右击
</div><div id="rightclick_div5" class="shadow">
右击
</div><div id="rightclick_div6" class="shadow">
右击
</div><div id="rightclick_div7" class="shadow">
右击
</div><div id="rightclick_div8" class="shadow">
右击
</div><div id="rightclick_div9" class="shadow">
右击
</div><div id="rightclick_div10" class="shadow">
右击
</div>
<div style="clear:both;"><hr>淄博高新区华侨城小学 鼠标小练习 </div>
</body>
</html>