菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>	
<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script>
<style>
div {
	background: blue;
	color: white;
	height: 100px;
	width: 150px;
}
div.contextmenu {
	background: yellow;
	color: black;
}
</style>
</head>
<body>
	
<div></div>
<span>右键单击该块</span>
<script>
$(function () { 
	var div = $( "div:first" );
	div.contextmenu(function() {
		div.toggleClass( "contextmenu" );
	});
})
</script>
 
</body>
</html>
              