2017-06-30 7 views
0

私のWeb portal.Webポータルでスクロール/移動テキストを表示するには、asp.net、C#、Sql.Howで作成しますか?これを行うにはjavascriptファイルをダウンロードする必要がありますかどのように安全ですか?htmlコントロールキットのマーキーコントロールを見ることができません。ここでasp.net内のスクロールテキスト

+1

ツールやライブラリを探す質問は、stackoverflowでofftopicです。また、あなたが試したことの[mcve]を共有してください。 – Esko

答えて

1

は、画面上で前後にテキストをアニメーション化する方法の例です:

<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> 

あなたはこの動作を確認したい場合がありますが、このfiddle- http://jsfiddle.net/bS79G/

0

をご覧くださいキットのmarqueeコントロールがない場合は、.aspxファイルにコードを記述して手動で追加することができます。

このURLに従ってください:How to use marquee tag in ASP.Netお役に立てれば。

編集

あなたは、Visual StudioでDesign View代わりのSource Viewを使用している場合があります。 Source Viewに切り替えて、コードの記述と修正ができます。ここをクリックしてください:Walkthrough: Basic HTML Editing in Visual Studio for Web Forms Pages

関連する問題