Html Code: Text highlighting effect

By this code, you can add highlight animating to your text and have a good text effect in your web page. Proper for heading texts and big size texts in your page.

<!-- this script got from www.htmlbestcodes.com - Coded by: Krishna Eydat -->

<html>
<head>
</head>
<body>

<script language="JavaScript" type="Text/JavaScript">
var fifteenth = 'Your Text Here'; var sixteenth = 'red'; var seventeenth = 'yellow'; var eighteenth = '30'; var nineteenth = 150;var twentieth = 0;var first2;
document.write('<div id=second2></div>');
function sixth2()  {
fifth2 = '<font size=' + eighteenth + '><font color=' + sixteenth + '>';
for (var first2 = 0; first2 < fifteenth.length; first2++) {
if( first2 == twentieth) {fifth2 += '<font color=' + seventeenth + '>' + fifteenth.charAt(twentieth) + '</font>';}else {fifth2 += fifteenth.charAt(first2);   }}fifth2 += '</font></font>';document.getElementById("second2").innerHTML = fifth2;(twentieth == fifteenth.length) ? twentieth=0 : twentieth++; }setInterval('sixth2()', nineteenth);
</script>


<div id='twentieth' style='position: absolute; top: -65; color: red; font-family: "Courier New", Courier, mono; font-weight:bold; font-size:40px;'>Your Text Here</div>

<br/><div style="clear:both"></div>
</body>
</html><a target="_blank" href="https://www.htmlbestcodes.com/" style="font-size: 8pt; text-decoration: none;font-family:Tahoma">HTML Best Codes</a>

If you don't know how to use this code or need more information Click here!

Compatible browsers:

Html Best Codes

Html Code: Text highlighting effect

Links