小编hix*_*ier的帖子

在Javascript中将过渡应用于注入的html

我和JS一起工作了大约两个星期,我正在做一个小项目.目标是在按下按钮时能够更改给定字符串中每个字符的颜色.我已经走得那么远了.

如您所见,我为每个角色添加了跨度,以便我可以单独编辑它们.我正在尝试对跨度应用过渡,这样当我单击按钮时,颜色会淡化为另一种颜色而不是瞬间变化.那可能吗?

这是codepen:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="CSS/textColorV2.css">
</head>

<body>
<p id="letter">Color</p>
<button>Click ME</button>

<script type="text/javascript" src="JS/textColorV2.js"></script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS

bodybody {
background-color: #FFE7E0;
}

span{
transition: all 4s;
}

#letter {
font-size: 9em;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
color:blue;
}
Run Code Online (Sandbox Code Playgroud)

JS

var letter = document.getElementById("letter");
var text = letter.innerHTML;
var button = document.querySelector("button");

button.addEventListener("click", function () {
  var newText = "";
  for (var i = 0; i …
Run Code Online (Sandbox Code Playgroud)

javascript css

5
推荐指数
1
解决办法
61
查看次数

为什么使用下划线作为 bash 中读取的参数?

我最近发现了一篇关于如何从 GitHub 中的组织克隆所有存储库的帖子。最佳答案如下:

gh repo list myorgname --limit 4000 | while read -r repo _; do
  gh repo clone "$repo" "$repo"
done
Run Code Online (Sandbox Code Playgroud)

我理解下划线之前和之后的所有内容。是什么意思 _; 在上面的命令中?

谢谢!

bash

2
推荐指数
1
解决办法
120
查看次数

标签 统计

bash ×1

css ×1

javascript ×1