javascript+jquery课程设计.docVIP

JavaScript+jQuery开发框架课程设计 题 目 网页特效文字设计 院 （系） 信息工程学院 专 业 班 级 14计算机应用技术2班 学 生 姓 名 蔡明伟 学 号 1432101201 设 计 地 点 指 导 教 师 陈洋 起止时间：2016年5月30日至2016年6月5日 目 录 1 正文 3 1.1设计目的 3 1.2总体设计 3 1.3 关键技术 3 1.3.1HTML概念 3 1.3.2网页文件命名 3 1.3.3 HTML 文件结构 3 1.3.4将JavaScript嵌入网页 4 1.3.5部分关键元素及属性 4 1.4程序流程图 5 1.4.1上下跳动文本流程图 5 1.5．主要源代码 7 1.5.1文本上下跳动代码 7 1.5.2定期滚动文本代码 8 1.6 运行结果及结论 16 2 参考资料 21 1 正文 1.1设计目的 JavaScript 的特点是无穷无尽的，只要你有创意。 JavaScript是由Netscape公司开发的一种跨平台，面向对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。 本课设主题：网页文字特效 通过两个Javascript程序（其实是一个文档，一个文本文件）分别实现文字上下跳动和滚动文本特效； 对网页布局的设计、色彩搭配；文字的编辑；背景音乐、图片的插入；实现视觉、听觉美的享受。 1.2总体设计 文字上下跳动文本：通过anim函数来进行位置的变换（主要的原理就是改变文本所在对象的top属性）同时实现自身的递归循环，通过start函数来实现主函数的启动。 滚动文本：浏览器情况（以document.all浏览器为例）选择不同调用函数，通过setTimeout()方法实现函数move3和move4的延迟调用（先执行其后语句）同时实现递归循环，达到滚动文本顺序滚进滚动页面区域的效果；语句：window.onload=startscroll事件加载完成，通过函数startscroll来实现主函数的启动。 1.3 关键技术 1.3.1HTML概念 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文件称为HTML文件，也称Web文件。 1.3.2网页文件命名 *.htm或*.html 1.3.3 HTML 文件结构 HTML HEAD head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/title title元素定义HTML文档的标题。 title与/title之间的内容将显示在浏览器窗口的标题栏。 /HEAD BODY HTML 文件的正文//body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 /BODY /HTML 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 1.3.4将JavaScript嵌入网页 JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。 JavaScript 语句插入 HTML的方式： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件(.js)链接到 HTML 文档中script src=xxx.js..../script JavaScript 语句插入 HTML的位置： body部分的JS head部分的JS：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚本已载入 1.3.5部分关键元素及属性 表格元素及属性 td定义表格的一个单元格 tr定义表格的行 table定义一个表格 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位