2012-09-10 3 views
7

私は右から左にスクロールするニュースティッカーを持っています。削除する項目を追加するのは簡単です。ニュースティッカーを作成するには

jQueryまたは生のJavaScriptを使用できるのであれば理想的でしょう。

jQueryプラグインまたはニュースティッカーを入手する方法はありますか?

研究の後、私は多くのものが上から下にスクロールし、右から左にスクロールしないことに気付きました。

ニュースティッカーのポイントは、項目を追加または削除するのが簡単だということです。マウスを動かすと、ティッカーは止まり、マウスが上になければ再開します。

更新

私はちょうどliScroll見つけた - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/

答えて

8

ティッカーのような機能(左から右、上から下)が必要な場合は、簡単にhtml marqueeタグを使用できます。 またはを使用して、快適な状態でコンテンツを動的に更新します。

また、あなたがhtmlmarquee.comにこれで遊ぶことができる

<marquee behavior="scroll" direction="right" 
 
     onmouseover="this.stop();" 
 
     onmouseout="this.start();"> 
 
      Hover to stop! 
 
    </marquee>

ようonmouseoveronmouseoutイベント、とその運動の動作を変更することができます。それを確認してください。
モーションコントロールのその他のオプションはhereです。

+0

私はそれを試してみる必要があります。ありがとう! – user1658756

+0

MDNによると「この機能は時代遅れですが、一部のブラウザでは動作するかもしれませんが、いつでも削除することができますので使用しないでください。使用しないでください」https://developer.mozilla.org/en -US/docs/Web/HTML/Element/marquee – Mehmet

+0

@Mehmet何が代替ですか? – mtk

0

あなたはjQuery News Tickerを試してみました、あまりにもなかなか良さそうですか?

+1

私が望むものとは少し異なります。 jQuery News Tickerはニュースの入力を開始します。右から左にスクロールしたいのですが。 – user1658756

5

mtkで提案されているように、-elementはほとんどのブラウザで動作しますが、標準HTMLではないため、標準準拠が問題となる場合は使用しないでください。その後、appropriate CSSスタイルを使用する必要があります。

コンテンツをほぼすべてのHTML要素に配置して、好きなように周りにマーキーすることができます。

関連する問題