Steve Fenton

Jquery Constant Footer

Quick Links

Visit the jQuery constant footer project hub, which has a demonstration and download for this plugin on JS Plugins JavaScript Plugin Library.

Constant Footer Demonstration.

Description

The jQuery Constant Footer project is a plugin for the jQuery JavaScript Framework, which glues a footer to the bottom of the browser window. It can also optionally display a scroll of articles from an RSS feed on the same domain.

If you find my open source projects and jQuery plugins useful,
please consider making a donation!

Requirements

• jquery.js
• jquery.constantfooter.js
  

CSS

/* Optional styles */
		
		#footer {
			background-color: Black;
			color: #F2F0F0;
			font-size: 0.6em;
		}
		
		#footer .item {
			width: 90%;
			margin: 0 auto;
		}
		
		#footer .description {
			height: 7.5em;
			line-height: 1.5em;
			overflow: hidden;			
		}
		
		#footer a {
			color: Yellow;
		}
		
		#footer a:hover {
			color: Green;
		}

JavaScript

$("#footer").constantfooter();

With all options set:

$("#footer").constantfooter({
    "classmodifier": "constantfooter",
    "feedlink": "Read more »",
    "opacity": "0.8",
    "closebutton": "[x]",
    "feed": "http://www.stevefenton.co.uk/RSS/Blog/",
    "showclose": "true"
});

You Are Here: Home » JavaScript » Constant Footer