预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共19页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

JavaScript+jQuery开发框架课程设计 题目网页特效文字设计 院(系)信息工程学院 专业班级14计算机应用技术2班 学生姓名蔡明伟 学号1432101201 设计地点 指导教师陈洋 起止时间:2016年5月30日至2016年6月5日 目录 TOC\o"1-3"\h\z\uHYPERLINK\l"_Toc439507015"1正文 PAGEREF_Toc439507015\h3 HYPERLINK\l"_Toc439507016"1.1设计目的 PAGEREF_Toc439507016\h3 HYPERLINK\l"_Toc439507017"1.2总体设计 PAGEREF_Toc439507017\h3 HYPERLINK\l"_Toc439507018"1.3关键技术 PAGEREF_Toc439507018\h3 HYPERLINK\l"_Toc439507019"1.3.1HTML概念 PAGEREF_Toc439507019\h3 HYPERLINK\l"_Toc439507020"1.3.2网页文件命名 PAGEREF_Toc439507020\h3 HYPERLINK\l"_Toc439507021"1.3.3HTML文件结构 PAGEREF_Toc439507021\h3 HYPERLINK\l"_Toc439507022"1.3.4将JavaScript嵌入网页 PAGEREF_Toc439507022\h4 HYPERLINK\l"_Toc439507023"1.3.5部分关键元素及属性 PAGEREF_Toc439507023\h4 HYPERLINK\l"_Toc439507024"1.4程序流程图 PAGEREF_Toc439507024\h5 HYPERLINK\l"_Toc439507025"1.4.1上下跳动文本流程图 PAGEREF_Toc439507025\h5 HYPERLINK\l"_Toc439507026"1.5.主要源代码 PAGEREF_Toc439507026\h7 HYPERLINK\l"_Toc439507027"1.5.1文本上下跳动代码 PAGEREF_Toc439507027\h7 HYPERLINK\l"_Toc439507028"1.5.2定期滚动文本代码 PAGEREF_Toc439507028\h8 HYPERLINK\l"_Toc439507029"1.6运行结果及结论 PAGEREF_Toc439507029\h16 HYPERLINK\l"_Toc439507030"2参考资料 PAGEREF_Toc439507030\h21  1正文 1.1设计目的 JavaScript的特点是无穷无尽的,只要你有创意。 JavaScript是由Netscape公司开发的一种跨平台,面向对象(object-oriented)的网页脚本语言(WebScriptLanguage),是目前流行的网页特效设计语言。 本课设主题:网页文字特效 通过两个Javascript程序(其实是一个文档,一个文本文件)分别实现文字上下跳动和滚动文本特效; 对网页布局的设计、色彩搭配;文字的编辑;背景音乐、图片的插入;实现视觉、听觉美的享受。 1.2总体设计 文字上下跳动文本:通过anim函数来进行位置的变换(主要的原理就是改变文本所在对象的top属性)同时实现自身的递归循环,通过start函数来实现主函数的启动。 滚动文本:浏览器情况(以document.all浏览器为例)选择不同调用函数,通过setTimeout()方法实现函数move3和move4的延迟调用(先执行其后语句)同时实现递归循环,达到滚动文本顺序滚进滚动页面区域的效果;语句:window.onload=startscroll事件加载完成,通过函数startscroll来实现主函数的启动。 1.3关键技术 1.3.1HTML概念 HTML(HyperTextMarkupLanguage超文本标识语言) 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文件称为HTML文件,也称Web文件。 1.3.2网页文件命名 *.htm或*.html 1.3.3HTML文件结构 <HTML> <HEAD><head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。 <title></title><title>元素定义HTML文档的