java课设报告解析.docVIP

目 录 TOC \o 1-2 \h \u 22700 1、 设计目的 1 31715 2、 总体设计 1 614 2.1、上下跳动的文本： 1 26005 2.2、定期滚动的文本： 1 16978 3、 关键技术 1 6640 3.1、HTML概念 1 1923 3.2、HTML文件结构 2 26551 3.3、将JavaScript嵌入网页 3 31172 3.4部分关键元素属性 3 25423 4、 程序流程 4 24714 4.1、上下跳动的文本 4 12406 4.2、定期滚动的文本 5 19018 5、 主要原代码 5 32437 5.1、文字上下跳动的代码 5 16300 5.2、定期滚动文本的代码 7 30289 6、 运行结果及结论 9 26933 6.1、上下跳动的文本 9 450 6.2、定期滚动的文本 10 859 结 论 12 4 7、参考文献 12 设计目的 Javascript是由Ntscape公司开发的一种跨平台，面向对象的网页脚本语言，是目前流行的网页特效设计语言。 本次课设的主要目的是掌握javascript的文字特效，对网页布局的设计、色彩的搭配、文字的编辑等的练习。 本次课程设计的任务：基于javascript的网页文字特效设计，实现上下跳动的文本以及定期滚动的文本。 总体设计 2.1、上下跳动的文本： 通过anim函数来进行位置的变换（主要的原理就是改变文本所在对象的top属性）同时实现自身的递归循环，通过start函数来实现主函数的启动。并通过setTimeout（）方法实现了start（）的延迟调用。 2.2、定期滚动的文本： 通过setTimeout()方法实现函数startmarquee（）的延迟调用同时利用setInterval（）函数实现循环的效果，通过start函数来实现主函数的启动。同时利用onmouseover、onmouseout达到鼠标移进滚动区域滚动停止，鼠标移出滚动区域继续循环滚动的效果。 关键技术 3.1、HTML概念 HTML（Hyper Text Markup Language 超文本表示语言） HTML不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文件称为HTML文件，也成Web文件。 3.2、HTML文件结构 基本结构 ： html head title标题/title /head body 正文 /body /html ·html 标识网页文件的开始与结束，所有的html元素都要放在这对标记中 ·head head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是期间的元素有特殊重要的意义。 title title元素定义HTML文档的标题。title与/title之间的内容 将显示在浏览器窗口的标题栏。 ·body HTML文件的正文//body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其他元素；这些元素和元素属性所构成HTML文档的主体部分。 ? 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 ? HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 3.3、将JavaScript嵌入网页 JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后 通过浏览器来解释执行。 ? · JavaScript 语句插入 HTML的方式： ? — 使用 SCRIPT 标签将语句嵌入文档 ?