效果如下: 关键代码: rate.value=parseInt(Array.from(document.querySelectorAll(`input[name='rating']`)).filter(e=>e.checked)[0].value) 详情请看:演示。
利用conic-gradient、伪元素和CSS变量实现圆盘度量计
效果 :root { --primary-color: hsl(196, 78%, 61%); --secondary-color: hsl(217, 15%, 83%); --success-color: hsl(165, 58%, 55%); --info-color: hsl(214, 79%, 65%); --warning-co...
如何在JS中中止fetch请求?
介绍 Fetch API 现在是在 JavaScript 中发送异步请求的事实上的方式。 这部分是因为 fetch() 方法接受了许多有用的选项。 其中之一是信号选项,可用于中止请求。 要为此选项创建有效值,您可以在创建 AbortCon...
css在悬停时显示附加内容
步骤 创建一个在悬停时显示附加内容的卡片,步骤: 使用 overflow:hidden 在卡片上隐藏垂直溢出的元素。 如果元素悬停(hovered)、聚焦(focused)或其任何后代都聚焦,则使用 :hover 和 :focus-within ...
废纸壳做手工:两只熊储物盒
女儿的作业: 周末时间利用废旧物品制作工艺品,精心制作。
RGB与hex(16进制)互相转换(js)
描述 将 RGB 的值转换为 十六进制 颜色代码: 使用按位左移运算符 (<<) 和 Number.prototype.toString() 将给定的 RGB 参数转换为十六进制字符串。 使用 String.prototype.padStart() 获取 6 位...
PHPExcel导入表格(带图片)
PHPExcel 最后一个版本是1.8.1,于2015年发布。该项目于2017年正式弃用,并于2019年永久存档。该项目已多年未维护,不建议使用于新项目上。 所有用户都必须迁移到其直接继承者 PhpSpreadsheet 或其他替代方案。...
女儿的画作《狐狸》
狐狸,狐属物种的体长为45-90厘米,尾长25-60厘米,体重2-10千克,最大的超过15千克,雌兽体形比雄兽略小。狐狸是一些耳朵尖,头部三角形,身材苗条,皮肤柔软的动物。细长的身体,尖尖的嘴巴,大大的耳朵,...
fromCharCode()与charCodeAt()在字符与数字相互转换中的应用
String.fromCharCode() 静态 String.fromCharCode() 方法返回由指定的 UTF-16 代码单元序列创建的字符串。 完整的 UTF 16 表格 语法 String.fromCharCode(num1[, ...[, numN]]) 参数 num1, ...
css鼠标悬停时文字覆盖图片
下面实现悬停时的图像叠加文字的效果。 步骤 分别对叠加层的顶部和底部条使用 :before 和 :after 伪元素。 设置它们的不透明度 opacity 、缩放变换 transform 和 过渡动画 transition 以产生所需的效果。 ...