首页 1.编写JavaScript 程序实现奇数行带背景色、粗体的“九九乘法口诀”表，

1.编写JavaScript 程序实现奇数行带背景色、粗体的“九九乘法口诀”表，

时间: 2024-12-17 19:37:22 浏览: 9

为了编写一个JavaScript程序，显示奇数行带有背景色和粗体的“九九乘法口诀”表格，你可以使用HTML结构来组织表格，并结合CSS样式来控制奇数行的外观。这是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <style> .odd-row { background-color: lightgray; font-weight: bold; } </style> </head> <body> <table id="multiplicationTable"> <tr> <th></th> <?php for ($i = 1; $i <= 9; $i++): ?> <th><?php echo $i; ?></th> <?php endfor; ?> </tr> <?php for ($i = 1; $i <= 9; $i++): ?> <tr<?php echo ($i % 2 == 0) ? '' : ' class="odd-row"'; ?>> <th><?php echo $i; ?></th> <?php for ($j = 1; $j <= $i; $j++): ?> <td><?php echo $j . '*' . $i . '=' . ($j * $i); ?></td> <?php endfor; ?> </tr> <?php endfor; ?> </table>  <script> document.getElementById('multiplicationTable').onmouseover = function(event) { let cell = event.target; if (cell.tagName === 'TD') { cell.style.backgroundColor = 'yellow'; } }; document.getElementById('multiplicationTable').onmouseout = function() { this.getElementsByTagName('td')[0].style.backgroundColor = ''; }; </script> </body> </html> ``` 这个例子中，HTML部分创建了一个9x9的乘法表，CSS设置了奇数行的背景颜色和字体加粗。JavaScript负责在鼠标悬停时动态改变单元格背景色。

阅读全文