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:
- Android Development - How to switch between two Activities - Android
- Create simple struts2 project using maven commands - Java
- Increase or Decrease macOS Sonoma Sidebar Icon and Text Size - MacOS
- How to Measure Execution Time in Jupyter Notebook Cell - Python
- Python: Convert Minutes to Hours - Python
- Where are Plugins Installed in Notepad++ - NotepadPlusPlus
- [Android Studio] Error: Missing system image on device - Android-Studio
- How to hide toolbar on Notepad++ - NotepadPlusPlus