我想在我的Web门户中显示滚动/移动文本.Web门户由asp.net,C#,Sql组成。该怎么做?我需要为此下载任何javascript文件吗?如何安全?无法看到我的html控制套件中的选取框控制。

最佳答案

这是一个如何在屏幕上来回移动文本的示例:

<html>
   <head>
   <title>HTML 5 Animated Text</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        var context;
        var text = "";
        var textDirection ="";

        $(function()
        {
            context = document.getElementById("cvs").getContext("2d");
            setInterval("animate()", 30);

            textDirection ="right";
            textXpos = 5;
            text = "Animation!";
        });

        function animate() {
            // Clear screen
            context.clearRect(0, 0, 500, 500);
            context.globalAlpha = 1;
            context.fillStyle = '#fff';
            context.fillRect(0, 0, 500, 500);

            var metrics = context.measureText(text);
            var textWidth = metrics.width;

            if (textDirection == "right") {
                textXpos += 10;

                if (textXpos > 500 - textWidth) {
                    textDirection = "left";
                }
            }
            else {
                textXpos -= 10;

                if (textXpos < 10) {
                    textDirection = "right";
                }
            }

            context.font = '20px _sans';
            context.fillStyle = '#FF0000';
            context.textBaseline = 'top';
            context.fillText  ( text, textXpos, 180);
          }
          </script>
      </head>
      <body>
         <div id="page">
            <canvas id="cvs" width="500" height="500">
               Your browser does not support the HTML 5 Canvas.
            </canvas>
         </div>
      </body>
   </html>


如果您希望看到此效果,请转到此小提琴-
 http://jsfiddle.net/bS79G/

关于javascript - 在ASP.NET中滚动文字,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44845333/

10-10 13:08