Filed under Web development

How to make a closable hover header div for your website announcements or ads using CSS and Javascript

April 5, 2015 11:34 am Published by Leave your thoughts

It’s perfect for site news In this tutorial you will learn how to make a “hovering” header for your website news, announcements or ads. I am currently using the same technique on this blog too and it should have loaded up by now. (not any more!) As you can see it can be easily closed by the red X button and it’s “hovering” over the main content so it keeps showing even when your users scroll down. The requirements This script uses Font Awesome and jQuery via CDN. This basically just means that you need to add the following code... View Article