<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>论坛列表</title>
<link href="css/bbs.css" rel="stylesheet">
</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 tu=new Array("tou01.jpg","tou02.jpg","tou03.jpg","tou04.jpg");
var $newnode=$("li")
$("span").click(function(){
$(".post").show();
});
$(".btn").click(function(){
var av=window.confirm("是否发布?")
if (av==true){
var $newli=$("<li></li>");
var touxiang=Math.floor(Math.random()*4);
var imge=$("<div><img src=images/"+tou[touxiang]+"/></div>");
var $title=$("<h1>"+$(".title").val()+"</h1>");
var $np=$("<p></p>");
var $date=new Date();
var currentdate=$date .getfullyear()+"-"+parseInt($date.getMonth()+1)+"-"+$date.getDate()+""+$date.getHours()+":"+$date.getMinutes();
$np.append("<span>模板:"+$("select").val()+"</span>");
$np .append("<span>发表时间:"+currentdate+"<span>")
$newli.append(imge);
$newli.append($title)
$newli.append($title)
$("ul").prepend($newli)
$(".content").val("")
$(".title").val("");
$(".post").hide();
}
})
})
</script>
</body>
</html>
作业1.13
最新推荐文章于 2024-10-15 09:57:04 发布