JavaScriptjQuery课程的设计.docVIP

JavaScript+jQuery开发框架课程设计 题 目 htm15海贼王单页时差滚动特效 院 （系） 信息工程学院 专 业 班 级 学 生 姓 名 学 号 设 计 地 点 4号实验楼104 指 导 教 师 陈洋 起止时间：2015年6月8日至2015年6月12日 目 录 1 前言 3 1.1课程设计思路 3 1.2课程设计目标 3 2 关键技术 4 2.1 内容 4 2.2 要求 5 3 总体设计 5 4 详细设计 5 5 运行结果 16 6 结束语 17 7 参考文献 18 1 前言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JJavascript是一种非常好的语言。使我们的浏览网页更丰富多彩。、 1.1课程设计思路 理解在html5网页中插入javascript的方法 1.2课程设计目标 1.能够熟练javascript，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。 2．熟练使用javascript和css中的内建对象最终实现视差滚动的特效。 2 关键技术 2.1 内容 Javascript在网页的用法Javascript加入网页有两种方法：1、直接加入HTML文档这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：script language=Javascript!--document.writeln(这是Javascript！采用直接插入的方法！);//-Javascript结束--/script在这个例子中，我们可看到一个新的标签： script……/script，而script language=Javascript” 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。HTML的注释标签!--和--：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去， 这在后面将会详细介绍。另外一点需要注意的是，script……/script的位置并不是固定的，可以包含在 head/head 或body/body中的任何地方。2、引用方式 如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：script src＝url language=Javascript/script其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：document.writeln(这是Javascript！采用直接插入的方法！);在网页中可以这样调用程序：script src＝Script.js language=Javascript/script 。!DOCTYPE html html lang=en head meta charset=utf-8 titleCS-ONPICE!/title link rel=stylesheet href=css/reset.css link rel=stylesheet href=css/main.css link href=css/datouwang.css rel=stylesheet link href=css/bootstrap.min.css rel=stylesheet script src=js/jquery-1.8.3.min.js/script script type=text/javascript src=