Typing Text Effect Using jquery Source Code
generating preview
<html>
<head>
<style>
body{
font-family:'Verdana', sans-serif;
background:#ffffd9;
}
</style>
</head>
<body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'> </script>
<h2 class="type"> Designer Desk Online provide you the Best HTML, CSS, javascript & JQuery Tutorials source code <br /> with Examples & Demo. </h2>
<style> h2 {text-align:center;padding:50px;}</style>
<script>
$.fn.type = function(options) {
let _self = this,
txt = _self.html(),
tot = txt.length,
ch = 0;
function typeIt() {
if (ch > tot) return;
ch++;
if (txt[ch] == "<") ch = ch + 5; // for br tags
if (txt[ch] == "&") ch = ch + 4; // for &
_self.html(txt.substring(0, ch));
setTimeout(typeIt, ~~(Math.random() * (300 - 60 + 1) + 10));
}
typeIt();
};
$(".type").type();
</script>
</body>
</html>
How to Use this Elements / Tutorials:
You Can Use Typing Text Effect Using jquery elements by select the above source code (CTRL + A) then copy the code (CTRL + C) and paste (CTRL + V) it in a blank html Page to initially test it. Then you can use the Above Typing Text Effect Using jquery where ever you want for your project.
Usage of Typing Text Effect Using jquery:
You Can Use this Typing Text Effect Using jquery elements are used in breaking news section. News & Notice Section is the proper place to use this kind to elements.html jquery typing effect is an amazing text effect for the website viewers. Use of free typing text animation in your website is a good decition also when others are paid.