7

モニター画面の左側から右側にテキストを移動する必要があるWebページを設計しています。<marquee>タグで試してみました。エラーなしで動作しています。

私の要件は、テキストがWebページの右側に表示されなくなるたびに、ページの左側から表示されるようにすることです。すべてのテキストが消えるのを待ってから、左側から開始する必要はありません。

今まで私はそれだけを使ってやってい<html>ます。他の方法も提案してください。

4

1 に答える 1

3

Javascriptを使用して可能です：

スクロールするテキストの2つのコピーを、コンテナーの幅で区切って用意します。（左のコピーが表示されている）から（右のコピーが表示されている）にアニメーション化してから、戻って繰り返します。

（テストされていない、jQueryを使用して）の線に沿った何か：

<div class="outer">
  <div class="inner">
     some text
  </div>
</div>

css：

.outer, .inner {
  width: 100%;
}
.outer {
  position: relative;
  overflow: hidden;
}
.inner {
  position: absolute;
}

js：

(function rerun(){
  var time = 10000 //ms

  $(".inner").slice(0,-1).remove()
  $i1=$(".inner")
  $i2=$i1.clone()

  $i1.css({left:0}).animate({left:"-100%"}, time)
  $i2.insertAfter($i1).css({left:"100%"}).animate({left:0}, time, rerun)
})()

このようにして、テキストが右側に消え始めるとすぐに、テキストが右側に表示され始めるはずです。相対的な幅を変更して、別の効果を実現します。

于 2012-10-30T15:36:13.690 に答える