使用jquery，实现根据浏览器窗口大小改变，使标签在规定时间内淡出淡入。

效果：

 jquery代码：

$(window).resize(function(){//Windows的resize函数，窗口发生变化时触发
	//获取浏览器高度
	var h = $(window).height();
	if(h < 500) {//浏览器小于500px时，标签选择器所选标签消失
		$("#title").fadeOut(700);//id为title的元素0.7秒内消失
	}else{
		$("#title").fadeIn(1000);//id为title的元素1秒内显示
	}
});

HTML（部分）

<div class="main">
	<h1 id="title">hello world!</h1>
</div>

关键在于resize（）方法，height（）方法

和fadeIn（），fadeOut（）方法的使用。