array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(17) "js] Page Loading/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(28) "js] Page Loading/1styles.css"
  [2]=>
  string(5) "17015"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(29) "js] Page Loading/html5shiv.js"
  [2]=>
  string(4) "9315"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(24) "js] Page Loading/images/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(36) "js] Page Loading/images/backguid.jpg"
  [2]=>
  string(6) "122103"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(27) "js] Page Loading/index.html"
  [2]=>
  string(4) "1717"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(29) "js] Page Loading/journey.html"
  [2]=>
  string(4) "1717"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(26) "js] Page Loading/reset.css"
  [2]=>
  string(4) "2054"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(26) "js] Page Loading/script.js"
  [2]=>
  string(3) "282"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(26) "js] Page Loading/style.css"
  [2]=>
  string(4) "1007"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(25) "js] Page Loading/zepto.js"
  [2]=>
  string(5) "48077"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(13) "js] UnderDev/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(24) "js] UnderDev/1styles.css"
  [2]=>
  string(5) "16993"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(24) "js] UnderDev/favicon.ico"
  [2]=>
  string(4) "7886"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(20) "js] UnderDev/images/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(34) "js] UnderDev/images/logo-under.png"
  [2]=>
  string(5) "18194"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(34) "js] UnderDev/images/under-gallery/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(43) "js] UnderDev/images/under-gallery/home1.jpg"
  [2]=>
  string(5) "67138"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(43) "js] UnderDev/images/under-gallery/home2.jpg"
  [2]=>
  string(5) "62528"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(43) "js] UnderDev/images/under-gallery/home3.jpg"
  [2]=>
  string(6) "138983"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(43) "js] UnderDev/images/under-gallery/home4.jpg"
  [2]=>
  string(6) "103294"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(21) "js] UnderDev/scripts/"
  [2]=>
  string(1) "0"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(33) "js] UnderDev/scripts/html5shiv.js"
  [2]=>
  string(4) "2359"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(30) "js] UnderDev/scripts/jquery.js"
  [2]=>
  string(5) "92555"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(32) "js] UnderDev/scripts/underdev.js"
  [2]=>
  string(4) "1674"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(29) "js] UnderDev/scripts/zepto.js"
  [2]=>
  string(5) "48156"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(25) "js] UnderDev/underdev.css"
  [2]=>
  string(4) "7260"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}
array(4) {
  [0]=>
  string(5) "[css3"
  [1]=>
  string(26) "js] UnderDev/underdev.html"
  [2]=>
  string(4) "1123"
  [3]=>
  string(21) "2013-04-08 09:57:54
"
}

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>OldWebProgrammingTuts 联合开发网 - pudn.com</title>

    <link href="/Public/m/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Public/m/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="/Public/m/css/animate.css" rel="stylesheet">
    <link href="/Public/m/css/style.css" rel="stylesheet">

	<link href="/Public/m/css/plugins/slick/slick.css" rel="stylesheet">
	<link href="/Public/m/css/plugins/slick/slick-theme.css" rel="stylesheet">

	

	<link href="/css/style.css" rel="stylesheet">

	<!-- Mainly scripts -->
	<script src="/Public/m/js/jquery-2.1.1.js"></script>
	<script src="/Public/m/js/bootstrap.min.js"></script>

	<script src="/Public/m/js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="/Public/m/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="/Public/m/js/inspinia.js"></script>
	<script src="/Public/m/js/plugins/pace/pace.min.js"></script>
	
<META name="Keywords" content="OldWebProgrammingTuts 程序员 编程 源码 源代码 下载">

	
<META name="Description" content="OldWebProgrammingTuts 网络编程技术教程，">

</head>

<body>

<!-- /.main-container start -->

<div class="pace  pace-inactive">
  	<div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
  	<div class="pace-progress-inner"></div>
	</div>
	<div class="pace-activity"></div>
</div>

<div class="all-content">
	<div class="my-container top-navigation">
		<nav class="navbar navbar-static-top" role="navigation">
			<div class="navbar-header">
				<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
					<i class="fa fa-reorder"></i>
				</button>
				<a href="http://www.pudn.com" class="navbar-brand">联合开发网</a>
			</div>
			<div class="navbar-collapse collapse" id="navbar">
				<ul class="nav navbar-nav">
					<li>
						<a href="/" style="padding-right:8px;padding-left:8px;font-size:16px">首页</a>
					</li>
					<li>
						<a href="https://search.pudn.com" style="padding-right:8px;padding-left:8px;font-size:16px">搜索</a>
					</li>
				</ul>
               	<ul class="nav navbar-top-links navbar-right">
               							<li>
                       	<a href="/User/login.html">
                           	&nbsp; <i class="fa fa-sign-out"></i>登录
                       	</a>
                   	</li>
                   	<li>
                       	<a href="/User/reg.html"><i class="fa fa-sign-out"></i>注册
                       	</a>
                   	</li>
					               	</ul>
			</div>
		</nav>
	</div>
	<form action="https://search.pudn.com/Download" method="get">
	<div class="top-menu-line2">
		<div class="my-container">
			<a href=/Download/upload.html>上传</a>
			&nbsp; <a href=/User>管理</a>
			&nbsp; <a href=https://search.pudn.com/Download>搜索</a>
			&nbsp; <a href=/Guestbook>留言</a>
			<div class="input-group pull-right" style="max-width:200px;margin:3px 15px 0px 0px">
				<input type="text" name="keyword" maxlength=20 placeholder="请输入关键字" class="form-control input-sm">
				<span class="input-group-btn"> <button type="submit" class="btn btn-white input-sm" style="border:1px solid #AAA"><i class="fa fa-search"></i></button>
				</span>
			</div>
		</div>
	</div></form>



<div class="row wrapper white-bg">
	<div class="my-container">
			<div class="nav-dir" style="padding:10px 0px">
				<a href="/">Pudn.com</a>&nbsp;&gt;&nbsp;下载中心
				&nbsp;&gt;&nbsp;WEB开发				&nbsp;&gt;&nbsp;<font color=red>OldWebProgrammingTuts</font>
			</div>


		<div class="row">
			<div class="col-xs-12 col-md-8">
				<div class="item-name">OldWebProgrammingTuts</div>
				<div class="item-keyword">
									</div>
				<div class="item-action">
					<div class="btn-group">
						<a href=/Download/dl/id/1693864994518579 target=_blank class="btn btn-primary btn-sm">去下载(<span id="down-count">0</span>)</a>
						<a href="###" class="btn btn-white btn-sm vote-up"><i class="fa fa-thumbs-up"></i> 赞(<span id="vote-up-count">40</span>) </a>
						<a href="###" class="btn btn-white btn-sm vote-down"><i class="fa fa-thumbs-down"></i> 踩(<span id="vote-down-count">0</span>) </a>
						<a href="/Download/comment/id/1693864994518579" data-toggle="modal" data-target="#myModal" class="btn btn-white btn-sm"><i class="fa fa-comment"></i> 评论(<span id="comment-count">0</span>) </a>
						<a href="###" class="btn btn-white btn-sm favor-item"><i class="fa fa-heart"></i> 收藏(<span id="favor-count">0</span>) </a>
					</div>
				</div>
				<hr>

				<div class="item-info">
					<B>所属分类</B>：WEB开发<BR>
					<B>开发工具</B>：JavaScript<BR>
					<B>文件大小</B>：0KB<BR>
					<B>下载次数</B>：0<BR>
					<B>上传日期</B>：2013-04-08 16:59:22<BR>
					<B>上 传 者</B>：<a href=/User/profile/id/1682139907912860.html>sh-1993</a><BR>
				</div>
				<div class="item-intro">
					说明：&nbsp;&nbsp;网络编程技术教程，<BR>(Web Programming Technology Tutorials,)				</div>
				<hr>
				<div><B>文件列表</B>: </div>
				<div id="file-list">
				JavaScript SlideShow in Depth/ (0, 2013-04-08)<BR>JavaScriptAdv - Create Your Own jQuery/ (0, 2013-04-08)<BR>[css] new layout/ (0, 2013-04-08)<BR>[css] new layout/1styles.<B>css</B> (6685, 2013-04-08)<BR>[css] new layout/index.<B>html</B> (1667, 2013-04-08)<BR>[css] new layout/mystyle.<B>css</B> (78, 2013-04-08)<BR>[css] new layout/reset.<B>css</B> (1105, 2013-04-08)<BR>[jq] acc slides/ (0, 2013-04-08)<BR>[jq] acc slides/1styles.<B>css</B> (6685, 2013-04-08)<BR>... ...<BR>				</div>
				<hr>
				<div id="readme">
				##Web Programming 1 fundamental, tutorials files

If you fork this, remember to **add a remote** to this repo (upstream) for pull code change

**Remember** create a folder or branch for yourself to prevent **conflict** files by class

For any **question** goto [issues](https://github.com/1schools/web_programming_basic/issues) tab and [create new issues](https://github.com/1schools/web_programming_basic/issues/new), add lable and submit

Please **help each other** to learn better by answer questions and describe about codes

-

If you want to use git with command-line like me, remember [ali.md/help/git](http://ali.md/help/git)

If you **do not have** enough iq (over **65**) and/or hate type command you need a graphical client for git like [ali.md/smartgit](http://ali.md/smartgit)

**SmartGit** is a graphical client for the Open Source version control systems **Git**, **Mercurial** and **SVN**. It runs on Windows, Mac OS X and Linux.

SmartGit helps Git and Mercurial beginners to get started quickly and lets advanced users become more productive with its efficient user interface.				</div>
				<hr>
				<div><B>近期下载者</B>：</div>
				<div id="download-users"></div>
				<hr>
				<div><B>相关文件</B>：</div>
				<div id="relate-items"></div>
				<hr>
				<div><B>评论</B>：[<a href=/Download/comment/id/1693864994518579.html data-toggle=modal data-target="#myModal">我要评论</a>]&nbsp;[<a class='pop-a' href=/Download/report/id/1693864994518579.html>举报此文件</a>]</div>
				<div id="file-comments"></div>
				<hr>
				<div><B>收藏者</B>：</div>
				<div id="favor-users"></div>
				<p></p>
			</div>

			<div class="col-xs-12 col-md-4">

				<div class="ad-sidebar text-center">
					<div class="ad-300">
					</div>
				</div>
			</div>
		</div>

	</div>
</div>



	<div class="my-footer">
		<div class="container">
		<div class="pull-right">
		</div>

		<div>
			
			<a href="http://www.pudn.com" target=_blank>© 联合开发网 from 2004</a> | 
			<a href="/Index/contact.html">联系站长</a> | 
			<a href=" https://beian.miit.gov.cn" target=_blank>湘ICP备2023001425号</a> | 
			<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43010502000604" target=_blank>网安备43010502000604</a> | 
		</div>
		</div>
	</div>


</div><!-- /wrapper-->




<!-- page specific plugin scripts -->

<!-- inline scripts related to this page -->

<div id="myModal" class="modal fade" tabindex="-1" 
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			
		</div>
	</div>
</div><!-- /.modal-table -->

</body>

<script type="text/javascript">
$(document).on('click', '.list-more', function(){
	var id=$(this).attr('data-id');
	$('#list-'+id).css('max-height',$('#list-'+id)[0].scrollHeight);
	$(this).removeClass('list-more');
	$(this).addClass('list-hide');
	$(this).html('<i class="fa fa-angle-double-up"></i>');
	
	//$(this).hide();

	return false;
});

$(document).on('click', '.list-hide', function(){
	var id=$(this).attr('data-id');
	$('#list-'+id).css('max-height','100px');
	$(this).removeClass('list-hide');
	$(this).addClass('list-more');
	$(this).html('<i class="fa fa-angle-double-down"></i>');
	
	return false;
});

$("#myModal").on("hidden.bs.modal", function() {
    $(this).removeData();
});

$(document).on("click",".keyword",function(){
	var keyword=$(this).attr("keyword");
	var type_id=$(this).attr("type_id");
	if(typeof(type_id) =="undefined" || type_id =="") type_id="0";
	location.href="http://search.pudn.com/Download/index?keyword="+keyword;
	
	return false;
});
</script>
<script type="text/javascript" src="/js/time.js"></script>


<script type="text/javascript" src="/js/marked.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.hide-list').each(function(){
			if ($(this)[0].offsetHeight < $(this)[0].scrollHeight){
				var id=$(this).attr('id');
				id =id.substring(5);
				$(this).after('<div style="text-align:center"><a href="" class="list-more" data-id="' + id + '"><i class="fa fa-angle-double-down"></i></a></div>');
			}
		});
	});
	var g_id="1693864994518579";
	var keywords =new Array();
		function get_download_user(){
		var url ="/Download/get_download_user/id/"+g_id+".html";
		$.get(url,function(ret){
			if(ret.length ==0) return;
			var html='';
			for(i in ret){
				html =html + '<a href=/User/profile/id/'+ret[i].user_new_id+'.html>'+ret[i].name+'</a> ';
			}
			$('#download-users').append(html);
		});
	}
	
	function get_relate_item(){
		var url ="/Download/get_relate_item/id/"+g_id+'.html';
		$.get(url,function(ret){
			if(ret.length ==0) return;
			var html='';
			var intro;
			for(i in ret){
				intro =ret[i].intro;
				for(j in keywords){
					var reg =new RegExp(keywords[j],'gmi');
					intro =intro.replace(reg,'<font color=brown>'+keywords[j]+'</font>');
				}
				html =html + '[<a href=/Download/item/id/'+ret[i].new_id+'.html>'+ret[i].name+'</a>]&nbsp; '+intro+'<BR>';
			}
			$('#relate-items').append(html);
		});
		
	}
	function get_score_name(score){
		switch(score){
		case '100': return '很好，推荐下载';
		case '85': return '还不错';
		case '75': return '一般，勉强可用';
		case '50': return '差';
		case '3': return '纯粹是垃圾';
		case '40': return '和说明完全不符';
		case '20': return '文件不全';
		case '10': return '不是源代码或资料';
		case '5': return '文件有密码，不知道密码';
		case '0': return '不能解压或下载失败';
		}
		return '';
	}
	function get_comment(){
		var url ="/Download/get_comments/id/"+g_id+'.html';
		$.get(url,function(ret){
			if(ret.length ==0) return;
			var total_count =ret.total_count;
			var data =ret.data;
			var html='';
			for(i in data){
				html =html + '<a href="/User/profile/id/'+data[i].user_new_id+'.html" class="uploader">'+data[i].user_name+'</a>: <span class="comment-score">'+get_score_name(data[i].score)+'</span>, '+data[i].content+'<BR>';
			}
			$('#file-comments').append(html);
		});
		
	}
	function get_favor(){
		var url ="/Download/get_item_favors/id/"+g_id+".html";
		$.get(url,function(ret){
			if(ret.length ==0) return;
			var html='';
			for(i in ret){
				html =html + '<a href=/User/profile/id/'+ret[i].user_new_id+'.html class=user>'+ret[i].name+'</a>&nbsp;';
			}
			$('#favor-users').html(html);
		});
	}
	// 得到下载这个的用户又下载了什么
	function get_more_download(){
		
	}
	// 得到下载这个的用户又搜索了什么
	function get_more_keyword(){
		
	}
	
	// 得到论坛相关问题
	function get_bbs(){
		
	}
	
	// 得到软件工场相关内容
	function get_works(){
		
	}
	
	// 得到相关聊天室
	function get_chat(){
		
	}
	
	// 得到相关软件商城信息
	function get_shop(){
		
	}
	
	// 得到job
	
	// 得到学习内容

	// 数据
	get_download_user();
	//get_relate_item();
	get_comment();
	get_favor();
	
	$('.vote-up').click(function(){
		var url="/Download/vote/t/up/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0){
				alert(ret.info);
				if(ret.url.length >0)
					location.href=ret.url;
			}
			else{
				var s =$('#vote-up-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#vote-up-count').html(count);
			}
		})
		return false;
	});
	$('.vote-down').click(function(){
		var url="/Download/vote/t/down/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0)
				alert(ret.info);
			else{
				var s =$('#vote-down-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#vote-down-count').html(count);
			}
		})
		return false;
	});
	$('.favor-item').click(function(){
		var url="/Favor/add/t/0/id/"+g_id;
		$.get(url,function(ret){
			if(ret.status==0){
				alert(ret.info);
			}
			else{
				var s =$('#favor-count').html();
				if(s =='') s="0";
				var count =parseInt(s)+1;
				$('#favor-count').html(count);
			}
		})
		return false;
	});
	$('.pop-a').click(function(){
		var url=$(this).attr('href');
		$.get(url,function(ret){
			alert(ret.info);
			//location.reload();
		})
		return false;
	});

document.getElementById('readme').innerHTML =marked.parse(document.getElementById('readme').innerHTML);
</script>



</html>