mFancyTitle – jQuery Plugin to Animate Your Page Title and Favicon

mFancyTitle is a jQuery plugin that animates your document <title> & favicon!

How to use it

Files to include

You will have to include jQuery library and mFancyTitle file. I suggest that you include them at the end of your section.

<script type="text/javascript" src="js/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.mFancyTitle-0.4.1.min.js"></script>

initialization

Here’s the code for a basic initialization that only changes your document <title> and favicon(s) on document visibility change.

$.mFancyTitle({
	mftMissYou: true,
	mftMissYouTitle: 'Hey! I miss you!', // new document title: it will appear when the user leaves your page and open another tab in the browser
	mftMissYouFavicon: {
		'apple-touch-icon-precomposed': 'path-to/apple-touch-icon-152x152.png',
		'icon': 'path-to/favicon-32x32.png',
		'shortcut icon': 'path-to/favicon.ico'
	} // new favicons: they will be visible when the user leaves your page and open another tab in the browser
});

Shubham Kumar

Hey, I am Shubham and i love Blogging, Coding and exploring new things and obviously sharing my experience with you.

You may also like...