2

一定の頻度で Web ページにいくつかの単語を表示したいと考えています。たとえば、私はこれらの言葉を持っています。

     marriage,birthday,annual dinner,school

そして、私はこの行をページの上部に表示しています「私たちは「結婚」のようなこれらのタイプのイベントを手配します」

数秒後、次の単語の誕生日が結婚に取って代わり、次に次の単語に置き換えられ、このスキャンナリオが続きます。

最高の jquery プラグインが見つかりませんでした。

誰かが知っているなら助けてください。

ありがとう

4

1 に答える 1

9

フェード アニメーション付きの jsBin デモ

HTML:

<h2> "We arrange these type of events like <span>marriage</span> "</h2>

jQuery:

var c=0, words=['marriage','birthday','annual dinner','school'];


function loop(){
  $('h2 span').delay(1000).fadeTo(300,0,function(){
     $(this).text( words[++c%words.length] ).fadeTo(300,1,loop);
  });
}    
loop(); // start it!

もっと本物のアニメーションが好きなら、あなたは行くことができます：

スライド アニメーション付きの jsBin デモ

function loop(){
  $('h2 span').delay(1000).animate({top:-50},300,function(){
    $(this).css({top:100}).text( words[++c%words.length]).animate({top:0},300,loop);
  });
}
loop(); // start it!

持つh2{overflow:hidden}とh2 span{position:relative;}

H2次のようなより具体的なセレクターを使用するようにしてください$('#fade_title span')

于 2012-11-02T06:22:38.973 に答える