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>
More Posts related to JavaScript,
- How to Run JavaScript on Mac Terminal
- Get Current time in GMT/UTC using JavaScript
- How to yarn reinstall all Packages
- [javaScript] Convert text case to lowercase
- Get Device Screen Width and Height using javaScript
- Fix - npm start: sh: index.js: command not found
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- JavaScript: Convert an Image into Base64 String
- JavaScript : Get current page address
- How to get query string in JavaScript HTML location.search
- Create React App using npm command with TypeScript
- JavaScript: Count Words in a String
- Add Animated Scrolling to Html Page Title Script
- How to send email from JavaScript HTML using mailto
- Javascript convert text case from uppercase to lowercase
- Submit html form on dropdown menu value selection or change using javascript
- Send Extra Data with Ajax Get or Post Request
- Fix: SyntaxError: The requested module does not provide an export named default
- Examples: Convert String to int in JavaScript
- 10 ways to Convert String to a Number in JavaScript
- Excel Fix: SECURITY RISK Microsoft has blocked macros from running because the source of this file is untrusted.
- Fix: ReferenceError: require is not defined in ES module scope [Node]
- [JavaScript] Remove all Newlines From String
- How to detect Browser and Operating System Name and Version using JavaScript
More Posts:
- How to check your installed version of Git - Git
- Notepad++ select all above or below lines - NotepadPlusPlus
- [Mac] How to Mute People in a Microsoft Teams Meeting - Teams
- Android Studio Button onClickListener Example - Android-Studio
- How to come out of Full Screen Mode Roblox on Mac - MacOS
- How to change background color in Notepad++ - NotepadPlusPlus
- Mac - Open Finder App using Terminal Current Location - MacOS
- How to change SharePoint Online site collection or subsite URL address - SharePoint