$(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.getHours()+":"+myDate.getMinutes();
$newP.append("<span>模版:"+$(".post select").val()+"</span>");
$newP.append("<span>发表时间:"+currentDate+"</span>")
$newLi.append($touImage);
$newLi.append($title);
$newLi.append($newP);
$(".bbs section ul").prepend($newLi);
$(".post .content").val("");
$(".post .title").val("");
$(".bbs .post").hide();
}
});
});
1.10作业
最新推荐文章于 2024-08-06 12:58:11 发布
该篇文章介绍了如何使用JavaScript在网页上实现一个论坛帖子发布功能,包括图片上传、标题输入、时间显示以及确认发布流程。
摘要由CSDN通过智能技术生成