StackOverflow: jquery animating svg graphics without using the svg plugin or ui library only the core
http://stackoverflow.com/questions/6983587/jquery-animating-svg-graphics-without-using-the-svg-plugin-or-ui-library-only-the/
HTML
<img id='image' src='http://www.getmad.de/wp-content/themes/html5/images/html5-logo.svg' width='100' height='100'/>
JavaScript
(function($){
$('#image').hover(
//happens when you mouseover the image
function(e) {
$(this).animate({
width: '110px', // Set new width
height: '110px', // Set new height
marginTop:'-5px', // position because of height adjustment
marginLeft:'-5px', // position because of width adjustment
}, 200).addClass('hover');
},
//hapens when you leave the image
function(e) {
$(this).animate({
width: '100px', // Set new width
height: '100px', // Set new height
marginTop:'0', // reset vertical alignment
marginLeft:'0' // reset horizontal alignment
}, 200).removeClass('hover');
}
);
}(jQuery.noConflict()));