• SEO
  • Web Development
  • Web Design
  • hoogeshDawoodarryLogo

Animated Browser Title Bar

This is pretty handy if you want to catch the attention of the person looking at your website. Easy to customise and it can be different for every page you have on your website.

The block of code should be inserted in the head section of your website. Of course you will change the title and you can also change the speed of the scroll animation.

The Code

<script language=”javascript”>
var titletext=”Hoogesh Dawoodarry | Web Design & Developer Professional”
var repeat=true;
set=setTimeout;
var index=0;
function scrolltitle(){
if(index<=titletext.length){
document.title=titletext.substring(0,index);
index++;
set(‘scrolltitle()’, 200);
}else{
index=0;
if(repeat)set(‘scrolltitle()’,1000);
}}
window.onload=function(){
if(!document.layers)set(‘scrolltitle()’,1000);
}
</script>