0

我在页面上有一个选框（滚动页面），当您启动页面时它会直接滚动。但是我希望它在我按下按钮时滚动，所以不要直接滚动。它对应于一个音频文件（歌曲文本）。我需要添加什么来停止直接在页面上滚动的文本输入。

这是选框：

<marquee behavior="scroll" height="100%" vspace="0%" direction="up" id="mymarquee" scrollamount="0" scolldelay="1000" loop="1"> SONG TEXT GOES HERE </marquee>

这些是我想在音频功能到位的情况下连接到上述脚本的按钮，因此当您进入页面时选取框不会滚动，当您按下播放按钮时开始滚动，当您再次单击按钮时暂停等.

<div id=audioplay>
<div id="HTML5Audio"><audio id="myaudio"></audio>
<input id="audiofile" type="text" value="" style="display: none;"/>

<img id="off" src="images/general/sound-off.png" width="40" height="32" onClick="show('on'); hide('off'); playAudio(); document.getElementById('mymarquee').start();" alt="on">

<img id="on" src="images/general/sound-on.png" width="40" height="32" onClick="show('pause'); hide('on'); pauseAudio(); document.getElementById('mymarquee').stop();" style="display:none;" alt="off">

<img id="pause" src="images/general/sound-pause.png" width="40" height="32" onClick="show('on'); hide('pause'); playAudio(); document.getElementById('mymarquee').start();" style="display:none;" alt="on">

</div>     
​&lt;/div>
4

2 回答 2

0

根据您的描述，以下是我能想到的..

<marquee behavior="scroll" direction="left" id="mymarquee" >
<p>Go on... press the button!</p>
</marquee>
<input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();">

<script>
$(document).ready(function(){
    $("#mymarquee")[0].stop();
})​;
</script>

演示

于 2012-09-26T16:38:03.780 回答
0

通过在正文 onload 中添加 mymarquee.stop()，解决了选取框的自动启动问题。:-)

<body onload="document.getElementById('mymarquee').stop();">

现在我们有一个工作的多切换播放按钮，可以播放和暂停音频文件，同时在整个屏幕上滚动音频的歌曲文本（包括暂停）。奇迹般有效 ：-）

于 2012-09-29T03:02:18.867 回答