作业 1.14-CSDN博客

本文链接：https://blog.csdn.net/Hwqwan/article/details/135586751

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>论坛列表</title>
	</head>
	<body>
		<div class="bbs">
		    <header><span>我要发帖</span></header>
		    <section>
		        <ul></ul>
		    </section>
		    <div class="post">
		        <input class="title" placeholder="请输入标题（1-50个字符）">
		        所属版块：<select><option>请选择版块</option><option>电子书籍</option><option>新课来了</option><option>新手报到</option><option>职业规划</option></select>
		        <textarea class="content"></textarea>
		        <input class="btn" value="发布">
		    </div>
		</div>
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bbs.js">
			$(function(){
				var tou=new Array("tou01.jpg","tou02.jpg","tou03.jpg","tou04.jpg");
				$(".bbs header span").click(function(){
					$(".bbs.post").show();
				});
				$(".post.btn").click(function(){
					var flag = window.confirm("是否发布？");
					if(flag==true){
						var $newLi = $("<li></li>");
						var iNum = Math.floor(Math.random()*4)
						var $touImage = $("<div>< img src=images/"+tou[iNum]+"/></div>");
						var $title = $("<h1>"+$(".title").val()+"<h1>");
						var $newP = $("<p></p >");
						var myDate = new Date();
						var currentDate=myDate.getFullYear()+"-"+parseInt(myDate.getMonth()+1)+"-"+myDate.getDate()+"-"+myDate.getDate()+"-"+myDate.getHours()+"-"+myDate.getMinutes();
						$newP.append("<span>模版:"+$(".post select").val()+"</span>")
						$newP.append("<span>发表时间:"+currentDate+"</span>")
						$newLi.append($touImage);
						$newLi.append($tite);
						$newLi.append($newP);
						$(".bbs section ul").prepend($newLi);
						$(".post .content").val("");
						$(".post .title").val("");
						$(".bbs .post").hide();
					}
				});
			});
		</script>
	</body>
</html>