master

分支 (1)

管理

管理

master

grunt-demo
/
get.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
		<title>Socket.IO</title>
		<style type="text/css">
			#output{
				position:absolute;
				width:100px;
				height:100px;
				background-color:#3BB5CC;
				line-height:100px;
				text-align:center;
				/*
				-transition:all 0.1s ease-in;
				-webkit-transition:all 0.1s ease-in;
				-ms-transition:all 0.1s ease-in;
				-o-transition:all 0.1s ease-in;
				-mz-transition:all 0.1s ease-in;
				*/
			}
		</style>
	</head>
	<body>
		<div id="output"></div>
		<script type="text/javascript" src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.min.js"></script>
		<script type="text/javascript">
			var socket = io.connect('http://192.168.1.4:80');
			socket.emit('get',"hello get!");
			socket.on('get',function(data){
				$('#output').css({
					left:data.x,
					top:data.y
				})
			});
		</script>
	</body>
</html>