整合營銷服務商

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

          免費咨詢熱線:

          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:


          主站蜘蛛池模板: 久久久久人妻精品一区三寸蜜桃| 精品无码一区在线观看| 免费在线观看一区| 日韩精品一区二区三区中文| 亚洲A∨精品一区二区三区下载| 国产一区二区三区在线2021| 日韩AV片无码一区二区不卡| 一区一区三区产品乱码| 亚洲欧美成人一区二区三区| 亚洲福利一区二区精品秒拍| 精品福利一区二区三区| 亚洲狠狠狠一区二区三区| 99久久人妻精品免费一区| 日韩免费视频一区二区| 国产在线观看一区精品| 视频一区二区在线播放| 亚洲AV无码一区二区三区国产| 色窝窝免费一区二区三区| 日韩一区二区三区电影在线观看| 蜜桃视频一区二区三区| 亚洲乱码av中文一区二区| 国产一国产一区秋霞在线观看| 影院无码人妻精品一区二区| 国产精品毛片a∨一区二区三区| 亚洲色精品aⅴ一区区三区 | 精品国产日产一区二区三区| 亚洲AV综合色区无码一区爱AV| 日本无卡码一区二区三区| 琪琪see色原网一区二区| 中文字幕一区精品| 亚洲国产精品一区二区久久| 国产伦精品一区二区三区视频小说 | 无码av免费一区二区三区| 在线观看一区二区精品视频| 曰韩人妻无码一区二区三区综合部| 青娱乐国产官网极品一区| 亚洲AV无码一区二区二三区软件 | 水蜜桃av无码一区二区| 亚洲日本一区二区| 色噜噜AV亚洲色一区二区| 国产精品香蕉一区二区三区|