<?php for($kay=0;$kay<count($newarr);$kay++){ $val=$newarr[$kay]; ?> <table style="width:100%;border-style: solid;border-radius: 20px 20px 20px 20px;word-break:break-all;padding:0 230 0 400;" border="0"> <tr> <td style="font-size:16px;" > <span style="text-decoration: underline;margin-left: 10px; font-size:16px;cursor: pointer;" onclick="showPopup(<?php echo $kay;?>)"><?php echo $val['zhu2'];?></span> <?php if(isset($val['comments'])) {?> <span style="margin-left: 10px;">评论：<?php foreach($val['comments'] as $comment) { echo $comment. ', '; }?></span> <?php }?> <form method="post" action=""> <input type="text" name="comment" placeholder="添加评论"> <input type="hidden" name="dataIndex" value="<?php echo $kay;?>"> <input type="submit" value="提交评论"> </form> </td> <td style="border-color: #6495ED;background-color:RGB(132,194,37);text-align:right;height:40px;" > <span id="<?php echo $kay?>" style="font-size:13px;" autoplay="false"></span>&nbsp; </td> </tr> </table> <hr style="border: 1px dashed #d9d6c3;"> <?php }?> <?php for($kay=0;$kay<count($newarr);$kay++){ $val=$newarr[$kay]; ?> <div id="popup<?php echo $kay;?>" class="popup"> <div class="popup-content" style="" id="myVideo" autoplay="false" allowfullscreen="true"> <?php echo $val['zhu'];?> <a class="close" style="font-size:60px;color: #fff;" onclick="hidePopup(<?php echo $kay;?>) ;">×</a> </div> </div> <?php }?>改成评论框内容弹窗显示

在您的代码中，评论框内容弹窗显示的功能可以通过以下步骤实现：

1. 定义弹窗样式：使用CSS定义弹窗的样式，包括位置、大小、背景颜色等。
2. JavaScript函数：编写JavaScript函数来显示和隐藏弹窗。
3. HTML结构：在HTML中添加弹窗的结构，并使用JavaScript函数来控制弹窗的显示和隐藏。

以下是修改后的代码示例：

HTML 和 PHP 部分

<?php
    for($kay=0;$kay<count($newarr);$kay++){
        $val=$newarr[$kay]; 
?>
    <table style="width:100%;border-style: solid;border-radius: 20px 20px 20px 20px;word-break:break-all;padding:0 230 0 400;" border="0">
        <tr>
            <td style="font-size:16px;" >
                <span style="text-decoration: underline;margin-left: 10px; font-size:16px;cursor: pointer;" onclick="showPopup(<?php echo $kay;?>)"><?php echo $val['zhu2'];?></span>
                <?php if(isset($val['comments'])) {?>
                    <span style="margin-left: 10px;">评论：<?php foreach($val['comments'] as $comment) { echo $comment. ', '; }?></span>
                <?php }?>
                <form method="post" action="">
                    <input type="text" name="comment" placeholder="添加评论">
                    <input type="hidden" name="dataIndex" value="<?php echo $kay;?>">
                    <input type="submit" value="提交评论">
                </form>
            </td>
            <td style="border-color: #6495ED;background-color:RGB(132,194,37);text-align:right;height:40px;" >
                <span id="<?php echo $kay?>" style="font-size:13px;" autoplay="false"></span>&nbsp;
            </td>
        </tr>
    </table>
    <hr style="border: 1px dashed #d9d6c3;">
<?php }?>

<?php
    for($kay=0;$kay<count($newarr);$kay++){
        $val=$newarr[$kay]; 
?>
    <div id="popup<?php echo $kay;?>" class="popup" style="display:none;">
        <div class="popup-content" style="background-color: white; padding: 20px; border-radius: 10px; position: relative;">
            <?php echo $val['zhu'];?>
            <a data-index="0" class="close" style="font-size:60px;color: #fff; position: absolute; top: 10px; right: 10px; cursor: pointer;" onclick="hidePopup(<?php echo $kay;?>);">×</a>
        </div>
    </div>
<?php }?>

CSS 部分

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

JavaScript 部分

function showPopup(index) {
    document.getElementById('popup' + index).style.display = 'flex';
}

function hidePopup(index) {
    document.getElementById('popup' + index).style.display = 'none';
}

解释

1. HTML结构：在每个评论框下方添加一个弹窗的<div>，并使用style="display:none;"来隐藏弹窗。
2. CSS样式：定义弹窗的样式，包括背景颜色、位置、大小等。
3. JavaScript函数：showPopup函数用于显示弹窗，hidePopup函数用于隐藏弹窗。

通过以上修改，当用户点击评论框时，会弹出一个包含评论内容的弹窗。