整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html中滾動字體的設置

          頁中添加滾動字幕效果

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>滾動字體的設置</title>

          </head>

          <body>

          <canvas id="canvas1" width="600" height="600" style="border:1px solid #000000"></canvas>

          <script type="text/javascript">

          var canvas1 = document.querySelector("#canvas1") // 1.找到畫布對象

          var ctx = canvas1.getContext("2d") // 2.上下文對象(畫筆)


          ctx.shadowBlur = 10; // 陰影距離

          ctx.shadowColor = "red" // 陰影顏色

          ctx.shadowOffsetX = 30 // 陰影偏移

          ctx.shadowOffsetY = 30 // 陰影偏移


          ctx.font = "150px 楷體"


          ctx.fillText("你好!", 20,150)


          ctx.fillText("你好!", 20,350)


          ctx.strokeText('你好!',23, 153)


          ctx.strokeText('你好',23, 553)


          canvas繪制文字



          var x = 600

          setInterval(function(){

          if(x > -350){

          //清空畫布

          ctx.clearRect(0,0,600,600)

          ctx.strokeText('你好!',x, 153)

          ctx.fillText("你好!", x,350)


          ctx.font = "50px 宋體"

          ctx.strokeText('每天學習一點點',x, 553)


          x -= 3

          }else{x=590}



          }, 16)


          </script>


          </body>

          </html>

          用js來實現。

          html:

          <div class="box">
           <p class="animate">
           文字滾動的內容文字滾動的內容文字滾動的內容文字滾動的內容
           </p>
          </div>

          css:


          主站蜘蛛池模板: 国产精品一区12p| 日韩精品无码一区二区三区免费 | 亚洲福利视频一区二区| 国产激情一区二区三区小说| 亚洲中文字幕一区精品自拍| 国内精品视频一区二区三区| 国产韩国精品一区二区三区| 日韩精品无码一区二区中文字幕| 日韩一区二区在线观看| 亚洲欧美日韩一区二区三区| 亚洲国产高清在线一区二区三区 | 国产91精品一区二区麻豆网站| 人妻无码一区二区三区| 日本国产一区二区三区在线观看 | 亚洲一区二区三区不卡在线播放| 国产日韩一区二区三区| 国产一区二区免费在线| 久久精品一区二区三区AV| 日韩在线一区二区三区视频| 国产精品亚洲一区二区无码| 日本一区二区三区高清| 精品免费AV一区二区三区| bt7086福利一区国产| 久久久久人妻一区二区三区vr | 美女啪啪一区二区三区| 日韩AV片无码一区二区不卡| 国精品无码一区二区三区左线| 日韩av片无码一区二区三区不卡| 国模精品一区二区三区视频| 亚洲国产精品第一区二区| 亚洲av无码一区二区三区不卡 | 国产一区二区三区高清在线观看 | 无码少妇一区二区三区芒果| 东京热无码av一区二区| 国产精品免费大片一区二区| 精品无码国产一区二区三区51安| 大香伊人久久精品一区二区| 无码人妻精品一区二区三区99仓本| 精品日产一区二区三区手机| 国产另类ts人妖一区二区三区| 一区二区国产在线观看|