我在我的网站页面上有以下代码 - 当用户点击图像时播放声音:
<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
<span id="dummy"></span>
<div id="soundimage">
<a href="#" onclick="playSound('sound.mp3');"><img src="image.png" /></a>
</div>
一切都很好,但图像位于页面底部,当用户点击图像时,它们会重定向回页面顶部.有没有办法使这个工作,以便只有一个音频变化,而不是一个视觉变化(如果这是有道理的!)？
使用鼠标悬停功能时,例如
<a onmouseover="playSound('sound.mp3');"><img src="image.png" /></a>
用户仍然保持在页面上的位置,但我希望他们可以选择在点击时播放声音而不是翻转.
真快的问题 - (我希望!)
我有一个div显示,直到页面的其余部分加载使用:
<script>
function showDiv(){
var obj = document.getElementById('test');
obj.style.display = 'block';
}
</script>
在我的html的头部,以及正文中的以下代码:
<body onLoad="setTimeout('setTimeout(showDiv()', 1000);">
<div id="test" style="display:none;">
当div正确加载一段时间后,我想知道是否有一种方法可以在给定的"Timeout"之后淡化这个div,使用类似的东西:
<script type="text/javascript">
$(function(){ // $(document).ready shorthand
$('#test').hide().fadeIn(1500);
});
</script>
例如？此刻,div突然出现,虽然我希望能以某种方式让它消失.我试图合并这两个js函数,但为此目的没有成功.任何帮助或建议非常感谢!