使用jquery实现论坛发帖

<script>$(function(){$("span").click(function(){$(".post").css("display","block");})$(".btn").click(function(){//创建保存头像的数组var tou=new Array("images/tou01.jpg","images/tou02.jpg","images/tou03.jpg","images/tou04.jpg");//创建标签var $li=$("<li></li>");var $div=$("<div></div>");var $img=$("<img/>");var $h1=$("<h1></h1>");var $p=$("<p></p>");//获取标题信息var title=$(".title").val();//获取所属板块var ban=$("select").val();//获取头像 随机生成图片var index=Math.floor(Math.random()*4);//6.获取系统时间var time=new Date();//获取年月日时分秒var year=time.getFullYear();var yue=time.getMonth()+1;var ri=time.getDate();var shi=time.getHours();var fen=time.getMinutes();var miao=time.getSeconds();//7.将板块和时间拼接成整体var shu="发表板块:"+ban+"  "+"发表时间:"+year+"-"+yue+"-"+ri+"-"+shi+":"+fen+":"+miao;//8.将各项数据放入对应的标签$img.attr("src",tou[index]);$h1.html(title);$p.html(shu);//获取父标签ulvar $ul=$("ul");//10.a 将img放入div中$div.html($img);//将div放入li中$li.append($div);//b.将h1放入li$li.append($h1);//c.将p放入li$li.append($p);//11.将li放入ul的第一个位置$li.insertBefore($ul);//12.将发帖的div隐藏$(".post").hide();//13.清空上一次发帖的内容 清空div当中的信息/* $(".title").html("");$("select").html("<option>请选择版块</option><option>电子书籍</option><option>新课来了</option><option>新手报到</option><option>职业规划</option>");$("textarea").html("");*/})})
</script>
//使用javascript实现论坛发帖//我要发帖  按钮的单击事件
function show(){//获取隐藏的divvar div=document.getElementsByClassName("post")[0];div.style.display="block";
}
//发布按钮单机事件
function upload(){//1.创建数组保存四张头像的存储路径var tou=new Array("images/tou01.jpg","images/tou02.jpg","images/tou03.jpg","images/tou04.jpg");//2.创建标签var li=document.createElement("li");var div=document.createElement("div");var img=document.createElement("img");var h1=document.createElement("h1");var p=document.createElement("p");//3.获取标题信息var title=document.getElementsByClassName("title")[0].value;//4.获取所属板块var ban=document.getElementsByTagName("select")[0].value;//5.获取头像 随机生成图片var index=Math.floor(Math.random()*4);//6.获取系统时间var time=new Date();//获取年月日时分秒var year=time.getFullYear();var yue=time.getMonth()+1;var ri=time.getDate();var shi=time.getHours();var fen=time.getMinutes();var miao=time.getSeconds();//7.将板块和时间拼接成整体var shu="发表板块:"+ban+"  "+"发表时间:"+year+"-"+yue+"-"+ri+"-"+shi+":"+fen+":"+miao;//8.将各项数据放入对应的标签img.setAttribute("src",tou[index]);h1.innerHTML=title;p.innerHTML=shu;//9.获取父标签ul标签var ul=document.getElementsByTagName("ul")[0];//10.a 将img放入div中div.appendChild(img);//将div放入li中li.appendChild(div);//b.将h1放入lili.appendChild(h1);//c.将p放入lili.appendChild(p);//11.将li放入ul的第一个位置ul.insertBefore(li,ul.firstChild);//12.将发帖的div隐藏document.getElementsByClassName("post")[0].style.display="none";//13.清空上一次发帖的内容 清空div当中的信息document.getElementsByClassName("title")[0].value="";document.getElementsByClassName("content")[0].value="";
}
function guanbi(){var guan=document.getElementsByClassName("post")[0].style.display="none";
}

使用jquery实现论坛发帖相关推荐

JavaScript简单实现论坛发帖(留言）
JS实现论坛发帖功能简易思路: 先实现html页面大概各个模块样式.对应写出css[提前把即将用js代码创建的标签样式设置好.] 创建层级标签并设置具体属性[层级关系捋清楚] 以下为层级关系 < ...
用VB.NET做个论坛发帖软件
用VB.NET做个论坛发帖软件 riveastking 题记:如果你经常泡各种论坛发表宏论,如果您想把您的软件在极短时间内提交到有关网站,如果您想把您的网站快速登陆各搜索引擎,如果您想做个论坛自动发贴 ...
论坛自动发帖php源码,小蜜蜂论坛发帖机推出phpwind论坛发帖机
小蜜蜂论坛发帖机推出phpwind论坛发帖机小蜜蜂论坛发帖机,小蜜蜂论坛自动发帖机,phpwind论坛发帖机小蜜蜂论坛发帖机,小蜜蜂论坛自动发帖机功能介绍在论坛发帖上,如果能有一款软件能定时按您 ...
discuz发帖流程_Discuz论坛发帖技巧分享
今天把发帖技巧整理一下,把发各种文件的技巧一起贴出来,和各位讨论讨论一下.希望对大家有所帮助. 1. 发图片. 其实发表的文件总的来说归为两类,一类是网上有链接的资料: 另一些就是各位电脑硬盘上的珍藏 ...
discuz发帖流程_Discuz论坛发帖能力分享
本日把发帖能力清算一下,把发各类文件的能力一路贴出来,和列位接头接头一下.但愿对各人有所辅佐. 1. 发图片. 着实颁发的文件总的来说归为两类,一类是网上有链接的资料: 另一些就是列位电脑硬盘上的珍藏 ...
求购一个论坛发帖软件
求购一个论坛发帖软件,能在站台网上发的也行.发19楼的也可以.火车票网站,等网站上发广告的那种,有能力的接单.我要试用..
xTiNt 论坛发帖辅助软件 1.0 绿色版
软件名称:xTiNt 论坛发帖辅助软件 1.0 绿色版软件语言: 简体中文授权方式: 免费软件应用平台: Win7 / Vista / Win2003 / WinXP / Win2008 软件大 ...
Discuz论坛发帖可以提高我们Discuz论坛的人气
Discuz论坛发帖可以提高我们Discuz论坛的人气,通过批量Discuz论坛批量发帖管理论坛是我们带动气氛.提高活跃度和丰富我们Discuz论坛内容的首选,通过Discuz论坛批量发帖插件,我们可 ...
论坛发帖推广方法详解
论坛发帖推广,也就是我们简称的论坛推广是众多推广方法中最常用的一种网站推广方法.特别是对于中小企业来说最为常见,主要体现在他们没有太多资金来投网络广告,也没有很专业的网络推广团队,所以就把论坛推 ...

使用jquery实现论坛发帖

使用jquery实现论坛发帖相关推荐

最新文章

热门文章