4

テキストを水平方向にスクロールするために、次の HTML コードを使用しています。

<marquee behavior="scroll" direction="left" onmouseover="this.start();" onmouseout="this.stop();">Go on... hover over me!</marquee>

私が抱えている問題は、ページにアクセスすると、marquee自動的にスクロールが開始されることです。私がやりたいことは、marqueeマウスオーバーするまでフリーズすることです。

4

4 に答える 4

3
<marquee id="myMarquee" behavior="scroll" direction="left" onmouseover="this.start();" onmouseout="this.stop();">Go on... hover over me!</marquee>

<body onload="document.getElementById('myMarquee').stop();">
于 2013-03-06T11:30:52.233 に答える
1

これらのいずれかを試してください。

<!-- MOVING UP -->
<marquee direction="up" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING DOWN -->
<marquee direction="down" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING LEFT -->
<marquee direction="left" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING RIGHT -->
<marquee direction="right" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>
于 2015-06-05T06:15:29.997 に答える
1

start() と stop() を呼び出す代わりに scrollAmount をいじって、最初に scrollamount を 0 に設定するだけです。例えば

<marquee behavior="scroll" direction="left" scrollamount="0" onmouseover="this.scrollAmount = 6" onmouseout="this.scrollAmount = 0">Go on... hover over me!</marquee>

http://jsfiddle.net/svt9L/を参照してください

これはあなたの質問に対する直接の回答であることに注意してください。ただし、Jon Pの回答を完全に支持します。マーキー要素を使用するよりも優れた解決策があります。

于 2013-03-06T11:43:20.700 に答える