jQuery+CSS3仿windows8 Metro风格界面布局效果

js代码

<script src=\"js/jquery-2.1.1.min.js\" type=\"text/javascript\"></script>
<script>
$(document).ready(function () {
	var $box = $(\'.box\');
	$(\'.metro li\').each(function () {
		var color = $(this).css(\'backgroundColor\');
		var content = $(this).html();
		$(this).click(function () {
			$box.css(\'backgroundColor\', color);
			$box.addClass(\'open\');
			$box.find(\'p\').html(content);
		});
		$(\'.close\').click(function () {
			$box.removeClass(\'open\');
			$box.css(\'backgroundColor\', \'transparent\');
		});
	});
});
</script>