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


Random chance for an event to trigger HTML5 audio in PHP and unhide an image in CSS

我已经做了一些搜索,但到目前为止,我很困惑,什么是最好的方式来显示一个隐藏的图像在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;
}

是否有一个随机的机会必须与PHP?如果你可以使用Javascript那么在按钮的onclick事件中你可以写

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

和修改后的css

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