jQuery

Slide N’ Hide jQuery Navigation Accordion Slider

Wednesday, November 12th, 2008

View Example
View Source Code
A simple vertical jQuery accordion with much room for growth. In future version I would like to use a few additional lines of JS to create a cleaner structure but even if only as an example this is a good start. I made a horizontal accordion as well but all things will [...]

Posted in css, eff, gnu gpl, jQuery, javascript, php, work | 2 Comments

jQuery Image Swap

Friday, October 12th, 2007

jQuery does a fantastic job at simplifying JavaScript. Below is an example for those of you still relying on DreamWeaver’s Image Rollover (MM Image Swap). The better alternative is using proper image replacement techniques.

$(‘img#nav1′).hover(function() {
$(this).attr(“src”,”/images/headerNav/1-over.gif”);
}, function() {
$(this).attr(“src”,”/images/headerNav/1.gif”);
});

<img src=”1.gif” id=”nav1″ />
And there you have it! Coming up next is the SEO case study of duffynewport.com.

Posted in i came as a rant, jQuery, work | 11 Comments