监听网络状态

        <p class="tips"></p>
 	<p>事件绑定方法</p>
 	<script src="jquery.min.js"></script>
 	<script>
 	// 通过window.navigator.onLine可以返回当前的网络状态
 	alert(window.navigator.onLine);
 	 
 	window.addEventListener('online', function () {
 	//alert('online');
 	$('.tips').text('网络已连接').fadeIn(500).delay(1000).fadeOut();
 	});
 	 
 	window.addEventListener('offline', function () {
 	//alert('offline');
 	$('.tips').text('网络已断开').fadeIn(500).delay(1000).fadeOut();
 	});
 	
        </script>
    

　　author： rainbow