php - 事件随机触发 PHP 中的 HTML5 音频并取消隐藏 CSS 中的图像

Question

我已经做了一些搜索，但到目前为止，我对在 CSS 中显示隐藏图像的最佳方式感到困惑，该隐藏图像仅在 PHP 中发生随机机会触发时弹出，并且在该随机机会成功的情况下, 使用 html5 播放音频。

如果这不可能，请告诉我，因为我正在尝试各种事情。

至于现在，我正在使用 CSS 手动将图像隐藏在屏幕外几千像素，然后在鼠标悬停时将其恢复。我想弄清楚的是，如果满足某些条件，您如何让 php 执行此操作？我希望它在单击输入按钮时随机发生，如果有任何帮助，此输入按钮还会将另一个 php 文档加载到页面的框架中。

#hideme a img
{
height: 0;
width: 0;
border-width: 0;
}

#hideme a:hover img
{
position: absolute;
top:-60px;
left:40px;
height: 60px;
width: auto;
}

#hideme ul
{
list-style:none;
position:absolute;
left:-9999px;
}

#hideme ul li
{
padding-top:0px;
float:none;
margin:0px;
}

#hideme li:hover ul
{
left:-40px;
}

Answer 1

是否有随机机会必须与 PHP 相关的原因？如果您可以使用 Javascript，那么您可以在按钮的 onclick 事件上执行

function onclick(e) {
    if(Math.random()>.5)
       $('#hideme').show();
}

和改变的CSS

#hideme ul
{
list-style:none;
position:absolute;
display:none;
}