這篇文章主要為大家展示了“js如何實(shí)現(xiàn)消息滾動(dòng)效果”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js如何實(shí)現(xiàn)消息滾動(dòng)效果”這篇文章吧。

1.實(shí)現(xiàn)的中心思想，如圖所示：

2.圖片移動(dòng)，用的是appendTo()這個(gè)方法。這個(gè)方法是先將標(biāo)簽從父標(biāo)簽中刪除，然后拼接到某個(gè)標(biāo)簽后面，所以也就是替我們實(shí)現(xiàn)了，remove()這個(gè)方法。所以用這個(gè)方法是極好的~

3.然后就會(huì)用到定時(shí)器了。用定時(shí)器每次調(diào)用移動(dòng)方法，讓

每次執(zhí)行一個(gè)動(dòng)畫(huà)，改變它的margin-top值，執(zhí)行完動(dòng)畫(huà)后，再將它的margin-top變?yōu)槌跏贾担?/strong>

4.觸摸

標(biāo)簽清除定時(shí)器，離開(kāi)后，繼續(xù)執(zhí)行。

 
 
 
 
 



 

  
1好消息！好消息！本店所有商品全部白送1
  
2好消息！好消息！本店所有商品全部白送2
  
3好消息！好消息！本店所有商品全部白送3
  
4好消息！好消息！本店所有商品全部白送4
  
5好消息！好消息！本店所有商品全部白送5
  
6好消息！好消息！本店所有商品全部白送6
  
7好消息！好消息！本店所有商品全部白送7
  
8好消息！好消息！本店所有商品全部白送8