作业 利用单选框控制图片的显示

本文介绍如何通过HTML和JavaScript实现一个简单的界面,利用两个单选框控制显示男士或女士图片,通过checked属性判断并实时切换图片素材。

需求说明

界面有两个单选框
分别显示男和女
点第一个单选框,显示一个男士图
点第二个单选框,显示一个女子图

图片素材

在这里插入图片描述

https://img-blog.csdnimg.cn/20210428162403378.png

在这里插入图片描述

https://img-blog.csdnimg.cn/20210428162420772.png

提示

提前布置好图片标签
把属性先准备好
让属性为空
通过判断单选框是否选中来明确显示男图还是女图

单远框元素具有checked属性
选中就是true
否则就是false

一、作业主题 设计并制作一个以 “校园生活” 为主题的响应式网页,综合运用本学期所学的 HTML、CSS、JavaScript 知识,展示校园的学习、活动、美食等特色内容。 二、作业要求 1. HTML 部分 使用 HTML5 语义化标签(如 header、nav、main、article、section、footer 等)搭建网页结构,合理规划页面布局。 至少创建 3 个不同内容的页面,通过超链接实现页面之间的跳转。 在页面中使用表格展示校园活动时间表或课程表,表格需包含表头、表体,合理设置行和列,并添加必要的注释。 设计一个用户反馈表单,包含文本框、单选框、复选框、下拉列表、文本域等表单元素,用于收集用户对校园生活的意见和建议。 2. CSS 部分 使用外部样式表文件进行样式设计,统一整个网站的风格。 运用 CSS 盒模型对页面元素进行布局,实现多栏布局,例如首页可以分为左侧导航栏、中间主要内容区、右侧侧边栏。 为网页添加合理的背景颜色、字体样式、文本颜色、边框等样式,提升页面美观度。 3. JavaScript 部分 在网页中使用 JavaScript 实现一个轮播图功能,用于展示校园风景图片,轮播图需具备自动播放和手动切换的功能。 利用 JavaScript 对象创建一个简单的校园活动计数器,记录用户点击查看活动详情的次数,并在页面上实时显示。 通过 BOM 和 DOM 编程实现页面元素的动态操作,例如点击按钮显示或隐藏某段文本内容,或者改变页面元素的样式。
06-18
多源动态最优潮流的分布鲁棒优化方法(IEEE118节点)(Matlab代码实现)内容概要:本文介绍了基于Matlab代码实现的多源动态最优潮流的分布鲁棒优化方法,适用于IEEE118节点电力系统。该方法结合两阶段鲁棒模型与确定性模型,旨在应对电力系统中多源输入(如可再生能源)的不确定性,提升系统运行的安全性与经济性。文中详细阐述了分布鲁棒优化的建模思路,包括不确定性集合的构建、目标函数的设计以及约束条件的处理,并通过Matlab编程实现算法求解,提供了完整的仿真流程与结果分析。此外,文档还列举了大量相关电力系统优化研究案例,涵盖微电网调度、电动汽车集群并网、需求响应、储能配置等多个方向,展示了其在实际工程中的广泛应用价值。; 适合人群:具备一定电力系统基础知识和Matlab编程能力的研究生、科研人员及从事能源系统优化工作的工程师。; 使用场景及目标:①用于研究高比例可再生能源接入背景下电力系统的动态最优潮流问题;②支撑科研工作中对分布鲁棒优化模型的复现与改进;③为电力系统调度、规划及运行决策提供理论支持与仿真工具。; 阅读建议:建议读者结合提供的Matlab代码与IEEE118节点系统参数进行实操演练,深入理解分布鲁棒优化的建模逻辑与求解过程,同时可参考文中提及的其他优化案例拓展研究思路。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值