2012-09-26 16 views
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>  
​</div> 
+1

那麼究竟是什麼確切的問題..在帖子中沒有地方有一個問題.. – bhatanant2

+0

問題是,與按鈕的連接沒有作出,有確切的.hover將無法在智能手機(phonegap)上工作,所以我需要找到一個解決方案來連接JavaScript文件,停止頁面上的字幕輸入並連接到播放按鈕,所以它開始滾動時,用戶按下音頻按鈕 –

回答

0

通過添加mymarquee.stop()在主體的onload選取框的自動起動被解決。 :-)

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

現在我們有一個工作的多肘節播放按鈕在音頻的播放和暫停音頻文件,並在同一時間滾動歌曲文本(包括暫停爲好)完整的屏幕。工作就像一個魅力:-)

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> 

DEMO

+0

謝謝你爲你的靈感,很好appriciated –