This time I will share jQuery Plugin and tutorial about Animate The Page Title In The Browser Tab – titleEffect, hope it will help you in programming stack.
titleEffect is a jQuery plugin to create impressive document titles that make it simple to animate the title text in the browser tab.
- Replace (default): switches between an array of title text.
- Blink: switches between an array of title text with fade in/out animations.
- Scroll: Scrolls through an array of title text so that the users are able to read the entire tab title.
How to use it:
1. Include the minified version of the jQuery titleEffect plugin after jQuery slim build.
2 |
integrity = "sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" |
3 |
crossorigin = "anonymous" ></ script > |
4 |
< script src = "dist/titleEffect.jquery.min.js" ></ script > |
2. Initialize the plugin and define an array of document titles.
3. Specify the delay in milliseconds. Default: 1000ms.
4. Fade through the document titles by using the ‘blink’ mode.
5. Scroll through the document titles by using the ‘scroll’ mode.
This awesome jQuery plugin is developed by mahmudz. For more Advanced Usages, please check the demo page or visit the official website.