jQuerry

PPT第19页

<script type="text/javascript">
	    $(document).ready(function(){         
			//
		$("#menu").mouseover(function(){
			$("#menu").css("border","1px solid orange");
			$("#menu-ul").show();
		})
		//当鼠标移动到id为menu的块元素上时,其会出现像素为1的橙色实现边框,且menu内的隐藏元素出现
		.mouseout(function(){
			$("#menu").css("border","none");
			$("#menu-ul").hide();
		});
		//当鼠标移开后,该元素下的列表和框线将隐藏
	});
</script>

PPT第25页

<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("h1").click(function(){
			$(this).css("color","blue");
			$(this).next().css("color","green");
		});
		$("p>a").click(function(){
			$(".intro").show();
		});
	});
</script>