真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果的方法-創(chuàng)新互聯(lián)

這篇文章主要介紹JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在蒸湘等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站設(shè)計(jì)制作定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷,成都外貿(mào)網(wǎng)站制作,蒸湘網(wǎng)站建設(shè)費(fèi)用合理。

具體內(nèi)容如下




 
 
 公告欄上下滾動(dòng)
 
 
 body {
 background: grey;
 }
 ul,li{list-style: none;padding: 0;margin: 0;}
 .Roll {
 padding: 0;
 text-align: left;
 text-indent: 10px;
 cursor: pointer;
 opacity: 1;
 height: 6rem;
 line-height: 3rem;
 font-size: 17px;
 background-color: #fff;
 color: #fe172d;
 }
 
 .ul li {
 background-color: #A6E1EC;
 border-radius: 20px;
 height: 2rem;
 margin: 50px auto;
 opacity: 0;
 line-height: 2rem;
 }
 

 
 
 
 11111剛剛購(gòu)買了一單
 22222剛剛購(gòu)買了一單
 33333剛剛購(gòu)買了一單
 44444剛剛購(gòu)買了一單
 55555剛剛購(gòu)買了一單
 66666剛剛購(gòu)買了一單

statr = () => { //創(chuàng)造一個(gè)循環(huán)方法函數(shù) let first = $('.ul li:first'), //獲取列表第一個(gè)li firstLi = first.clone(); //復(fù)制第一個(gè)li $('.ul li').eq(0).animate({ //列表第一個(gè)添加動(dòng)畫， marginTop: '-=15px', opacity: '1' }, 2000) setTimeout(function() { $('.ul li').eq(0).animate({//列表第二個(gè)添加動(dòng)畫， marginTop: '-=15px', opacity: '0' }, 2000); setTimeout(function() {//動(dòng)畫結(jié)束后刪除第一個(gè)li first.remove(); }, 2000) $('.ul').append(firstLi)//li復(fù)制到最后面開始新的一輪循環(huán) },4000) } setInterval('statr()', 7000) //7秒循環(huán)一次

以上是“JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果的方法-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/dhopcj.html