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

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 日畅销榜”中的图书无缝垂直向上滚动特效:当光标移入到图书上时,停止滚动,鼠标移开时,继续滚动

猜你喜欢

转载自blog.csdn.net/weixin_44893902/article/details/109329535