午后・时光

友情链接
网站统计
·悄然作业 : 282
·马黑教程 : 34
·黑氏代码 : 33
·黑氏音画 : 326
·图片处理 : 3
·随走随记 : 3

·今日访问 : 109
·页面点击 : 197
·当前在线 : 2
<< < 1 2 3 4 5 > >> [ 共 9 页 总条目 69 ]
# 69 | 姓名: 悄然 | ip: *** 留言时间: 2024.6.12 21:14
那句代码要解读一下: const pics = new Array(10).fill(0).map((item, key) => 'https://638183.freep.cn/638183/t24/3/alan' + (key + 1) + '.jpg'); 首先,const pics = new Array(10).fill(0) 创建并填充数组,结果是10个数组元素,每个数组元素的内容都是 0 ,酱紫:[0,0,0,0,0,0,0,0,0,0]; 其次,用 map 遍历数组 [0,0,0,0,0,0,0,0,0,0],让它的每一个数组元素变成—— 网址共性部分的字符串+(数组元素序号+1)+ '.jpg' 结果是酱紫:图片共同的网址字串x.jpg x 从 1 到 10
回复:JS中的数学运算,和字符串在一起的时候,算式要用小括号包裹起来:(key + 1) 表示这是个算式

# 68 | 姓名: 阴影 | ip: *** 留言时间: 2024.6.4 21:39
你可以试着不同的外阴影颜色: box-shadow: x y r color; x : X方向偏移距离(负值表示左偏移) y : Y方向偏移距离(负值表示上偏移) r : 模糊半径 color : 阴影颜色 例如: box-shadow: 0 0 40px red, 0 0 80px green, 2px 2px 100px blue, -2px -2px 120px black;
回复:11

# 67 | 姓名: 背景 | ip: *** 留言时间: 2024.6.4 21:29
backgrouind-color: tan; /* 背景颜色 */ background-image: url('图片地址'); /* 背景图片 */ background-position: 50% 50%; /* 背景图片位置 xy坐标 50% 或两个 50% 等同于 center */ background-size: 100% 100%; /* 背景大小 */ background-repeat: no-repeat; /* 背景重复与否 值还有:repeat、repeat-x、repeat-y */
回复:11

# 66 | 姓名: center / | ip: *** 留言时间: 2024.6.4 20:29
position/size 意思是 位置 / 尺寸 center / cover ,就是背景图片居中摆放,以封面(cover)女郎的样纸做尺寸,cover大致意思是保持封面女郎不变形,以最短边为依据,按比例截取最长边
回复:11

# 65 | 姓名: 边框 | ip: *** 留言时间: 2024.5.30 20:38
边框也就这些东东了: border-style : 边框样式 border-width : 边框厚度 border-color : 边框颜色 border-radius : 边框圆角半径 border-radius 是独立的属性。前三个在可以合在一起写(这叫语法糖): border: 1px outset red; 1px :border-width outset : border-style red : border-color
回复:77

# 64 | 姓名: 333 | ip: *** 留言时间: 2024.5.30 20:37
视频标签 object-fit: cover; 改改,cover 改为 contain
回复:77

# 63 | 姓名: 黑笔记 | ip: *** 留言时间: 2024.5.29 12:53
多按钮、多视频的联动控制。 (一)多按钮联动控制 按钮需要 class 标识,第15、16、17行代码,img 标签 class=“star",我们可以通过这一共性标识拿到操作它们的依据:声明一个全局变量 stars,通过 querySelectorAll() 获得操作标识并赋值给 stars(代码22行)。然后在相关代码流中,使用 stars.forEach(star => ...); 循环迭代语句逐一操作按钮的相关事件或属性(代码第26行、第28行)。 按钮的CSS关键帧动画则通过操作CSS变量 --state 加以实现。元素对应的CSS属性即 animation 属性加有var(--state)(代码在第 05 行),表明关键帧动画的开关是它,我们可以依据音频是否播放来决定此开关的运行状态,即停止或运行二选一(代码在第24行)。 (二)多视频联动控制 多视频的播放、暂停控制,应与音频同步。要实现联动控制,和按钮一样,也得先拿到操作标识,道理和按钮的一样:声明变量 vids 并赋值给它,然后按 vids.forEach(vid => ...); 遍历每一个视频、进行相关操作,代码在第 25 行)。
回复:77

# 62 | 姓名: 视频网站 | ip: *** 留言时间: 2024.5.26 22:43
https://pixabay.com/videos/search/?order=ec&pagi=2
回复:国外的,用了限,还是算了吧

<< < 1 2 3 4 5 > >> [ 共 9 页 总条目 69 ]
   签写留言:

        

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com