To make a Html page title scroll just as a <marquee> tag, we need to use javascript.
To make the HTML page title scroll horizontally we do the following,
1. Get the title tag tag value (its better we add spaces at the start and end of the page title)
2. Now we need to get the substrings to re arrange the text, we create a function with the below logic,
a. Cut the 1st character of the title and append it at the end of the string.
b. Now, Set this text as title.
c. To add marquee animation effort, call the function recursively even 450 milli seconds using setTimeout() function.
3. Now call this function at onload.
titleMarquee.html<!DOCTYPE html>
<html>
<head>
<title> Animated Web page title </title>
<script type="text/javascript">
var titleText = document.title;
function titleMarquee() {
titleText = titleText.substring(1, titleText.length) + titleText.substring(0, 1);
document.title = titleText;
setTimeout("titleMarquee()", 450);
}
</script>
</head>
<body onload="titleMarquee()">
<h1>Animated/Scrolling Web page Title</h1>
<p>Have a look at the Page title. Its scrolling ....</p>
</body>
</html>
- How to get UTC (GMT) time using JavaScript
- Submit html form on dropdown menu value selection or change using javascript
- How to detect Browser and Operating System Name and Version using JavaScript
- JavaScript : Get current page address
- [javaScript] Convert text case to lowercase
- How to check if a String contains substring or a word using javaScript
- Writing your first Hello, World! 🌍 JavaScript code Tutorial
- JavaScript: Check if variable is a number
- How to send email from JavaScript HTML using mailto
- Meaning of javascript:void(0) explained with example
- How to get query string in JavaScript HTML location.search
- Javascript convert text case from uppercase to lowercase
- Loading previous page using html button using JavaScript
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- How to get current URL Location using Javascript HTML
- Detect if Cookies are enabled using JavaScript
- Write javaScript code in Swedish using FikaScript
- Add Animated Scrolling to Html Page Title Script
- JavaScript: Convert an Image into Base64 String
- Remove items from JavaScript array
- Send Extra Data with Ajax Get or Post Request
- How to Print from JavaScript HTML using window.print
- Get Device Screen Width and Height using javaScript
- Examples: Convert String to int in JavaScript
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
- PHP Base64 encoding decoding a variable - PHP
- How to install Python 3.9 using brew on Mac - Python
- Backup your Mac before you update to macOS Ventura using Time Machine - MacOS
- Android is starting optimizing... app 1 of 1 - Android
- macOS R installation steps - MacOS
- Can Microsoft SharePoint Lists be synced and accessed offline without internet? - SharePoint
- Drag drop files here option missing for SharePoint document library - SharePoint
- [Fix] Docker Run unknown shorthand flag: 'r' in -rm - Docker