![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web2课设
文章平均质量分 66
今天我学习
毕业啦~
展开
-
制作论坛发帖页面(操作节点的方式)(JavaScript)
1. 任务要求如何创建节点元素? 如何在指定节点之后插入节点元素? 如何在指定节点之前插入节点元素? 如何获取指定元素的值? 如何设置元素的显示和隐藏?2. 需求说明制作显示如下图所示的京东回答页面,要求如下。(1)单击“我要发帖”按钮,弹出发帖页面,如下图所示;(2)在标题框中输入标题,选择所属板块,输入帖子内容;(3)单击“发布”按钮,新发布的帖子显示在列表的第一个,新帖子显示发帖者的头像、标题、所属板块和发布时间。如果标题、所属版块和内容的数据不合法,应有相.原创 2021-08-02 16:46:49 · 9314 阅读 · 4 评论 -
制作图片展示效果(JavaScript)
1. 任务要求掌握获取和设置属性的方法attr()/prop() 掌握创建节点和插入节点的方法 掌握html()方法2. 需求说明在页面中有四幅小图片和一个图片展示区域,当鼠标移入某幅小图片时,在图片展示区域可看到其对应的大图。为凸显当前的小图状态,把其它三幅小图透明度设为0.5,如下图所示。3. 实现思路1)为五幅小图片绑定鼠标移入事件。2)获取当前发生鼠标移入事件的小图片的src属性,将其设置为大图的src属性值。这样大图也就随之改变...原创 2021-08-02 16:30:42 · 2563 阅读 · 0 评论 -
双色表格(含页面内容查找功能)(JavaScript)
1. 任务要求1)简单过滤器的使用;2)内容过滤器的使用;3)如何获取指定元素的值?4)如何设置元素的样式?2. 需求说明制作显示如下图所示的页面,要求如下。(1)当页面加载完毕时,隔行变色,颜色值如上图所示,其中标题行字体颜色为白色,首行背景颜色值为:#00a40c,偶数行颜色值为#a5e5aa。(2)当鼠标指向某一行时,该行颜色随之改变,当离开那行时,该行颜色恢复原样。(3)输入相应的查找内容,点击...原创 2021-08-02 16:22:16 · 1205 阅读 · 0 评论 -
QQ聊天室(JavaScript)
1. 任务要求1)掌握基本过滤选择器;2)掌握jQuery对象的click()方法;3)掌握jQuery对象的css()方法;4)掌握jQuery对象的addClass()方法;5)如何获取指定元素的值?6)如何设置元素的显示和隐藏?7)如何设置元素的html代码?2. 需求说明制作显示如下图所示的QQ聊天页面。随机用户在文本框中输入文本后点击“发送”按钮,文本...原创 2021-08-02 16:09:38 · 885 阅读 · 0 评论 -
制作图书简介页面(JavaScript)
1. 任务要求1)熟悉jQuery的选择器;2)掌握jQuery的基本选择器;3)掌握jQuery对象的click()方法;4)掌握jQuery对象的css()方法;原创 2021-08-02 15:58:07 · 5414 阅读 · 0 评论 -
制作图片轮显效果(JavaScript)
1. 任务要求1)BOM对象模型;2)掌握document对象的重要属性和方法;3)JavaScript与CSS交互。2. 需求说明带按钮的轮换显示的横幅广告,五张广告图片循环显示,并且下面的标题随图片显示不同的内容,单击数字按钮时可以即时显示对应的图片和相应的标题,如下图所示。3. 实现思路1)使用到对图片的隐藏(none)和显现(block);2)首先在函数show()里定义一个数组titles;3)写一个for循环,用于判断当点击 的对应数字与i相同时,就将对.原创 2021-07-23 15:25:34 · 2481 阅读 · 8 评论 -
访问购物车节点(JavaScript)
1. 任务要求1)DOM对象模型;2)掌握通过document.getElementsByName函数访问document对象的Html文档节点;3)JavaScript函数使用;4)confirm对话框的使用。2. 需求说明(1)单击“+”按钮,数据量文本框可以数字变大,单击“-”按钮,数据量文本框可以数字变小,当数字为1时,会提示“不能再减!”,且相应的小计处会显示当前记录的总价;...原创 2021-07-21 16:41:42 · 5885 阅读 · 4 评论 -
验证注册页面信息(JavaScript)
1. 任务要求1)正则表达式的使用;2)如何获取表单元素?3)函数的应用;4)掌握String对象的创建;5)掌握String对象的常用方法;6)表单验证的方法。2. 需求说明 根据所给素材制作注册页面,使用JavaScript制作文本提示特效,验证页面数据的有效性,要求如下:(1)使用表单form的onsubmit事件,根据验证函数的返回值是true或false来决定是...原创 2021-07-19 18:00:14 · 11448 阅读 · 1 评论