编写PHP程序使用数组输出乘法口诀表,并当鼠标指向乘法式子显示对应的乘法汉字
时间: 2024-10-19 15:15:04 浏览: 26
在PHP中,你可以使用循环结构生成乘法口诀表,并结合HTML和JavaScript来实现鼠标悬停时显示对应汉字的效果。下面是一个简单的示例:
```php
<?php
for ($i = 1; $i <= 9; $i++) {
for ($j = 1; $j <= $i; $j++) {
// 创建数组存储乘法表达式和汉字结果
$multiplication[$i][$j] = "$j * $i = " . $j * $i;
$chineseMultiplication[$i][$j] = implode('', array_map('chr', str_split('一二三四五六七八九')));
}
}
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
</head>
<body>
<table class="multiplication-table">
<?php
foreach ($multiplication as $row) {
echo "<tr>";
foreach ($row as $cell) {
echo "<td data-tooltip='" . $chineseMultiplication[$i][$j] . "'>" . $cell . "</td>";
}
echo "</tr>";
}
?>
</table>
<script>
document.querySelectorAll('.multiplication-table td').forEach(td => {
td.addEventListener('mouseover', function() {
this.title = this.getAttribute('data-tooltip');
});
td.addEventListener('mouseout', function() {
this.title = '';
});
});
</script>
</body>
</html>
```
这个例子创建了一个HTML表格,其中每个单元格包含乘法规则。通过CSS和JavaScript,当鼠标悬浮在单元格上时,会显示对应的乘法汉字。注意这只是一个基础示例,实际项目可能需要更复杂的UI设计和错误处理。
阅读全文