jquery-load-demo

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

2014年09月05日 ⁄ 综合 ⁄ 共 851字 ⁄ 字号小中大 ⁄ 评论关闭

<html>
<head>
	<meta charset="UTF-8">
	<title>jquery-load-demo</title>
	<script src="jquery-1.7.2.min.js"></script>
	<script>
		$(function(){
			log($('a').first());
			$('a').first().get(0).click();//用html 的dom的click方法
		});
		function load(index){
			$("#item-div").load("item-"+index+".txt");
		}

		function log(msg){
			if(console) console.log(msg);  
		}
	</script>
	<style>
		.relative{
			position: relative;
		}
		.absolute{
			position: absolute;
		}
		.left{
			float:left;
		}
		#item-div{
			padding-left: 20px;
			padding-top: 10px;
		}
	</style>
</head>
<body>
	<div class="content absolute">
		<ul class="relative left">
			<li class="item-menu"><a href="javascript:load(1);">item1</a></li>
			<li class="item-menu"><a href="javascript:load(2);">item2</a></li>
			<li class="item-menu"><a href="javascript:load(3);">item3</a></li>
			<li class="item-menu"><a href="javascript:load(4);">item4</a></li>
		</ul>
		<div id="item-div" class="relative left">
			ss


		</div>
	</div>
</body>
</html>

下载地址：