JavaScript交互式网页设计笔记 • 【目录】

我的大学笔记>>>

第1章 JavaScript基本语法  >>>

1.1.4 使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接

1.2.5 使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果

1.3.3 使用 JavaScript 根据消费金额和消费者是否为会员确定折扣,最终核算实际应该支付的金额

1.4.5 使用 JavaScript 用循环嵌套输出乘法表。外循环控制行数,内循环控制当前行要输出的乘法表达式,在页面上输出九九乘法表

第2章 JavaScript函数与事件  >>>

2.1.7 使用 JavaScript自定义函数计算出教室的体积大小,其中教室的长、宽、高分别为 8 米、5 米、3 米

2.2.5 在文本框中输入两个操作数和选择运算符后,在页面上显示输出结果

2.3.3 根据在下拉列表框中选择的内容,决定页面效果 用户在下拉列表框中选择页面将要使用的背景颜色 当用户选择橙色时,页面背景将显示为橙色

2.4.4 制作登录页面 点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确

第3章 JavaScript浏览器对象模型  >>>

3.2.5 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序

3.3.3 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具

3.4.3 使用 JavaScript 根据用户浏览页面的设备和屏幕的分辨率,在页面上显示不同的页面和不同大小的图

第4章 JavaScript文档对象模型  >>>

4.1.3 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色

4.2.5 使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;

4.3.5 制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还可以设置其背景样式

4.4.3 在页面上绘制一张表格,使用 DOM 节点的动态添加和删除向表格中插入数据,点击表格每行后的“删除”超链接

第5章 JavaScript对象  >>>

5.1.4 使用 JavaScript 中的 Date 对象,在页面上显示一个万年历。选择不同的年份和月份,在页面中显示当前月的日历

5.2.3 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大,距离近时图片缩小

5.3.3 使用JavaScript数组实现省份和城市的级联菜单

5.4.3 使用自定义对象动态在页面上绘制一张表格,动态地向表格中添加公司员工的基本信息,测试数据不少于3 条,员工信息包括姓名、年龄、性别和部门

第6章 初识jQuery  >>>

6.1.6 使用 jQuery 实现页面背景色的更换,通过下拉框选择对应的颜色,页面背景会随着选中的颜色进行更换

6.2.3 使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式

6.3.5 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。

6.4.3 使用 jQuery 选择器获取页面元素后,利用 jQuery 对象的 css() 方法设置其样式。

第7章 jQuery操作DOM  >>>

7.1.4 使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性

7.2.4 使用 jQuery 操作页面元素的方法,实现浏览大图片的效果,在页面上插入一幅小图片,当鼠标悬停到小图片上时,在小图片的右侧出现与之相对应的大图片

7.3.6 jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作

7.4.2 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变

第8章  jQuery动画与特效  >>>

8.1.3 使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态

8.2.4 使用 jQuery 中的淡入淡出动画,实现图片的轮播效果,每隔 2 秒钟切换一张图片,共 6 张图片

8.3.3 在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果

8.4.5 利用自定义动画 animate() 方法,实现某图书网站中“近 7 日畅销榜”中的图书无缝垂直向上滚动特效:当光标移入到图书上时,停止滚动,鼠标移开时,继续滚动

JavaScript交互式网页设计作业目录(作业笔记)相关推荐

  1. JavaScript交互式网页设计简介

    JavaScript交互式网页设计 JavaScript简介: JavaScript诞生于1995年,主要是进行用户输入的合法性验证. JavaScript的概念: JavaScript可以嵌入到HT ...

  2. HTML5期末大作业:网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业

    HTML5期末大作业:网上预订网站设计--火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...

  3. DIV布局大作业:仿悦世界游戏网站设计——仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业

    HTML5期末大作业:仿悦世界游戏网站设计--仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...

  4. JavaScript交互式网页设计笔记

    一.JavaScript基本语法 1.简介 JavaScript诞生于1995年,主要是进行用户输入的合法性验证 Web脚本语言  轻型的.解释性的  浏览器内 2.执行原理 当客户端向服务器请求某个 ...

  5. Javascript交互式网页设计试题(一)

    精选JS 50道试题,答案在首尾,喜欢收藏吧! 1.在JQuery中,下列( )方法能够获取或设置元素的文本内容,不含HTML标签. A attr() B text() C value() D rep ...

  6. JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】

    全部章节   >>>> 本章目录 3.1 浏览器对象模型 3.1.1 浏览器对象模型 3.2 window 对象 3.2.1 window 对象的常用属性及方法 3.2.2 使 ...

  7. JavaScript交互式网页设计 • 【第5章 JavaScript对象】

    全部章节   >>>> 本章目录 5.1 Object 对象和 Date 对象 5.1.1 JavaScript 的内部对象 5.1.2 Object对象 5.1.3 Date ...

  8. JavaScript交互式网页设计 • 【第1章 JavaScript 基本语法】

    全部章节   >>>> 本章目录 1.1 JavaScript 概述 1.1.1 JavaScript 简介 1.1.2 JavaScript 的概念和执行原理 1.1.3 J ...

  9. JavaScript交互式网页设计——jQuery

    <一>.jQuery概述 <1>.概述:由于不同浏览器对JavaScript解析方式有所区别,随着浏览器的不断更新,JavaScript出现了兼容性问题.为解决此问题,出现了许 ...

  10. JavaScript交互式网页设计 • 【第6章 初识jQuery】

    全部章节   >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1 ...

最新文章

  1. 【文本分类】基于类信息的TF-IDF权重分析与改进
  2. Balder 3D开发系列之--创建天空盒
  3. 转载-- http接口、api接口、RPC接口、RMI、webservice、Restful等概念
  4. html5+css3网页制作:三栏布局宽度自适应,css三栏布局的五种写法,中间自适应,左右宽度固定...
  5. android 常用渐变背景绘制
  6. 2011年的MVP礼包
  7. 简单的C语言程序合集-2
  8. Spark的动态资源分配ExecutorAllocationManager
  9. python简单实践作业_【Python】:简单爬虫作业
  10. Node.js下载安装及各种npm、cnpm、nvm、nrm配置(保姆式教程—提供全套安装包)—cnpm的安装与配置(3)
  11. Java开发笔记(一百三十七)JavaFX的标签
  12. xml建模包括以下_数据挖掘--建模与挖掘的结合
  13. 遗传算法GA原理详解及实例应用 附Python代码
  14. 云网融合:中国电信国际公司的海外野心
  15. win下文件共享多种方式
  16. tumblr_使用Google Analytics(分析)获取有关您的Tumblr博客的详细统计信息
  17. Matlab求向量的模——速度比较
  18. spring framework远程代码执行漏洞复现(CNVD-2022-23942 CVE-2022-22965)
  19. 公司邮箱哪个安全?安全邮箱格式怎么填?公司邮箱号码大全
  20. 大型网站技术架构(六)--网站的伸缩性架构

热门文章

  1. 项目一实时数仓数据采集
  2. 交换机cad图例_弱电施工CAD图例.pdf
  3. 三年级计算机测试题,小学三年级信息技术考试试题
  4. 帝国CMS 7.5仿《讲历史网》模板/优秀的历史网帝国CMS模板下载
  5. xy转utm坐标(个人推算)
  6. 如何在iPhone和Android上使用Instagram效果
  7. 2022-2027年中国重卡行业市场深度分析及投资战略规划报告
  8. 8选1的多路选择器c语言代码,8选1多路选择器电路图(五款8选1多路选择器电路)
  9. 给你 2021 最酷网页设计指南!
  10. OpenCV一直下载失败,怎么办?