Question

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

这是大帐篷：

<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>     
</div>

Answer 1

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

<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>

DEMO

Answer 2

通过在body onload中添加mymarquee.stop（），可以解决选框的自动启动问题。： - ）

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

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

选框在页面加载时停止并从按钮开始

2 个答案: