我需要创建一个"单词搜索"拼图,如果你将鼠标悬停在一个单词上,它会改变颜色,以便你可以轻松找到它。为此,我将搜索部分和单词拆分为separate arrays
。我想为每个角色添加x
,'x'
是一个随机角色。
我不知道哪些代码可以帮助我实现这一目标。
拼图的一部分:
-e-------------a--e-
-k--加拉巴尔---a---l-
-e-----------t----t-
-n-斯特拉特兰塔恩-o-
-迪乌莱格-----------u-
----kade----------w-
计算机------------
(不带隔断线)
跟计算机,加拉巴尔,斯特拉特兰塔恩,格鲁伊德,卡德还有一些作为需要搜索的单词。拼图是 20 x 20 个字符。
我会尝试为您指出正确的方向,而无需用勺子喂代码。
这是算法。
- 使用带有
whitespace
字符的explode
作为delimiter
将字符串的所有单词拆分为数组。 - 遍历所有数组元素并开始创建
HTML
输出。 - 对于每个单词,请在其前面加上一个
<span class="word-highlight">
。 - 并为每个单词附加一个
</span>
请记住在重新 - 创建句子时还要重新附加空格。
- 还要保持处理句号和代词等的逻辑方便使用。
- 现在编写
CSS
代码来处理鼠标在相应类上的:hover
事件(在我们的例子中.word-highlight
),然后更改颜色。
<?php
$letters = array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
for($x = 0; $x < count($ruweWoordzoeker); $x++ {
for($y = 0; $y < count($ruweWoordzoeker[$x]); $y++)
{
if ($ruweWoordzoeker[$x][$y] == '-')
{
$ruweWoordzoeker[$x][$y] = $letters[array_rand($letters)];
}
}
这是将每个"-"更改为随机字母的解决方案.
输入为:$ruweWoordzoeker
输出为:$ruweWoordzoeker