使用jQuery快速高效制作网页交互特效 第三章 上机练习三 制作课工场论坛发帖
<script type="text/javascript">
//我要发帖var num = 0;function Posting() {if (num == 0) {document.getElementsByClassName("post")[0].style.display="block";num = 1;} else if (num == 1) {document.getElementsByClassName("post")[0].style.display="none";num = 0;}}//数组:存储头像var tou = new Array("tou01.jpg","tou02.jpg","tou03.jpg","tou04.jpg");//获取填写信息并发布function Publish() {if (num == 1) {/*获取填写的各项值*/var Title = document.getElementsByClassName("title")[0].value; //标题var Block = document.getElementsByTagName("select")[0].value; //所属版块var Content = document.getElementsByClassName("content")[0].value; //内容//获取发布时间var myDate = new Date();var Time = myDate.getFullYear() + "-" + myDate.getMonth() + "-" + myDate.getDate() + " " + myDate.getHours() + ":" + myDate.getMinutes();//获取随机数选择头像var iNum = Math.floor(Math.random() * 3 + 0);/*插入发帖内容*/var bName = document.getElementsByTagName("section")[0];var ul = document.createElement("ul");ul.innerHTML = "<li>" + "<div>" + "<img src=\"images/" + tou[iNum] + "\">" + "</div>" + "<h1>" + Title + "</h1>" + "<p>" + "<span>所属版块:" + Block + "</span>" + "<span>" + Time + "</span>" + "</p>" + "</li>";bName.appendChild(ul);/*发布成功收起弹出*/document.getElementsByClassName("post")[0].style.display="none";num = 0;/*清除填写的各项值*/document.getElementsByClassName("title")[0].value = "";document.getElementsByTagName("select")[0].value = document.getElementsByTagName("option")[0].value;document.getElementsByClassName("content")[0].value = "";}}</script>
使用jQuery快速高效制作网页交互特效 第三章 上机练习三 制作课工场论坛发帖相关推荐
- 使用jQuery快速高效制作网页交互特效 第五章 上机练习四 制作广告图片轮播切换效果
轮播应有的功能大致都有,分享给一些在学的朋友参考学习. <!DOCTYPE html> <html> <head lang="en"><m ...
- 使用JQuery快速高效制作网页交互特效第六章所有上机
上机一 样式 body,h1,h2,h3,p,ul,li,dl,dt,dd,div,section{margin: 0;padding: 0;} body{font-family: "微软雅 ...
- 使用JQuery快速高效制作网页交互特效第五章所有上机
上机一 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8& ...
- 使用jQuery快速高效制作网页交互特效
第四章:JQuery选择器 1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为 ...
- 使用JQuery快速高效制作网页交互特效第九章所有上机
这里是引用 上机一 样式 body{border:0px;padding:0px;margin:0px auto;font:12px Tahoma; } div,ul,li,dt,dl {float: ...
- 使用jQuery 快速高效制作 网页特效
使用jQuery 快速高效制作 网页特效 第一章:JavaScript基础 DOM:document object model 文档对 ...
- [开源] OpWeb 框架 --快速高效的实时交互框架(更新至 0.0.4.0)
一个轻量高效的实时交互开发框架,用于开发实时Web App 或者 网络游戏. 这是什么? 这是一个Web在线对战射击游戏(MMOA)的开源版本,该游戏依然在运行中. 原有平台为C#,现在我通过Shar ...
- ps制作20种特效文字_ps技巧:给照片制作特效(刀光剑影)
哈喽大家好,一段时间没有更新了非常抱歉. 现在努力日更,给大家提供干货学习. 今天我们的ps课程是制作特效. 大家会觉得很难,但是并不是这样的. 大家跟着小编的教程走,反复练习就很快学会啦. 接下来我 ...
- html制作网页怎样做表单,(html网页表单制作.doc
(html网页表单制作 1.表单标签<form>--</form> 语法:<FORM name="form_name" ACTION="UR ...
- js第三章简答题5(制作如图所示的Tab切换效果)
ps:代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...
最新文章
- JS模式--职责链模式
- 第一讲,Python的安装(干货)
- cron4j的Jfinal plugin
- echarts 地图实现轮播(一)
- 中大计算机考研复试刷人太狠,中山大学考研复试被刷原因大盘点!
- pyecharts添加文字_超燃的文字云效果,用Python就能轻松get!
- 【Machine Learning】监督学习、非监督学习及强化学习对比
- tolua中使用protobuf3—集成lua-protobuf
- mysql数据库断开连接_mysql 数据库断开连接
- word中首行缩进、悬挂缩进、左缩进有什么区别?如何操作?
- 基于微信小程序云开发的校园类平台
- DataList控件的使用
- 走入 Cocos Creator视频教程-姜威-专题视频课程
- [遗传学]近亲繁殖与杂种优势
- java+磁盘io监控_磁盘IO利用率监控VBS脚本(windows)
- AI又进化了,突破性革命来了!
- 批改网的英语作文老师设置不允许被粘贴的话,可以使用下面的办法使用复制粘贴功能,快速提交作文
- gb2312,GBK,GB18030等重新学习了解
- outlook如何设置定时发送邮件呢
- 桂院导航小程序开发笔记