Pages
Home
Maya
Photoshop
3D Max
Web Designs
Contact
Zservice
Saturday, 27 April 2013
How to Create Marquee Effects Without Marquee Tag in HTML5
Just copy and paste this...
Head section is :
<head> <meta charset="utf-8" /> <script type="application/javascript"> var X = 800; function mtxt() { var canvas = document.getElementById("txt"); if (canvas.getContext) { var ctx = canvas.getContext("2d"); // Set the banner text attributes ctx.fillStyle = "green"; ctx.shadowOffsetX = 1; ctx.shadowOffsetY = 1; ctx.shadowBlur = 1; ctx.shadowColor = "red"; ctx.font = "40px ariel"; // Call the moveBanner() function repeatedly every 50 microseconds setInterval(function () { moveBanner() }, 50) } } function moveBanner() { var canvas = document.getElementById("txt"); if (canvas.getContext) { var ctx = canvas.getContext("2d"); // Clear the screen ctx.clearRect(0, 0, 800, 100); // Display the text in the new position ctx.fillText("All Tutorial Zone", X, 50); X -= 3; // If the banner has reached the left end of the screen, resent the x-coordinate if (X < -230) X = 800 } } </script> <title>Moving Banner</title></head>
Body section is :
<body onload="mtxt();"> <canvas id="txt" width="800" height="100" style="border: 1px solid black;"></canvas> </body>
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment