简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Use JavaScript to animate the title of the web page_Text effects

WBOY
Release： 2016-05-16 18:11:20
Original
1261 people have browsed it

HTML Title:

Copy code The code is as follows:
Hello, Mr-S.R Lee< /title></div> <br>JavaScript: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="58177" class="copybut" id="copybut58177" onclick="doCopy('code58177')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code58177"> <br>< ;script type="text/javascript"> <br>function scroll() { <br>//Get title information. <br>var titleInfo = document.title; <br>//Get the first Chinese character (number, letter) of title. <br>//Note: The index of the first character in the string is 0. If the parameter index is not between 0 and string.length, this method returns an empty string. <br>var firstInfo = titleInfo.charAt(0); <br>//Get the second to last information. <br>var lastInfo = titleInfo.substring(1, titleInfo.length); <br>//Splicing output information <br>document.title = lastInfo firstInfo; <br>} <br>//Use setInterval() method to execute <br>setInterval("scroll()", 500); <br></script> <br> </div> <br>Full demo code:<br><div class="htmlarea"> <textarea id="runcode88489"> <title>Hello, Mr-S.R Lee
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute
]
Related labels：
title
source：php.cn
Previous article：Sharing api style code as easy to use as jQuery_javascript skills Next article：Several methods for fixing headers based on jquery_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Regular expression filter for MERN stack search boxes and checkboxes I'm trying to understand how the MERN stack works together by learning by doing, and I'm f...
From 2024-04-06 14:53:12
0
1
425
3. The JS 3D model has been added but is not visible I'm trying to add a 3D model to my website. I'm using three .js. I tried everything but co...
From 2024-04-03 19:06:13
0
1
264
How to write MySql insert trigger based on inserted data value? I want to write a trigger for table users. When a new user is added, if his title is relat...
From 2024-04-03 16:42:38
0
1
278
Preserving pledge value for future use: A guide I'm executing a database query and then processing the data in order to produce a single n...
From 2024-04-02 17:33:45
0
1
360
Is it possible to change a list to a toolbar in responsive mode? I have the following cards. nav has many items (I've left one here for brevity). <divcl...
From 2024-04-02 16:09:27
0
1
263
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！