I have a script:
$(\'#hfont1\').hover( function() { $(this).css({\"color\":\"#efbe5c\",\"font-size\":\"52pt\"}); //mouseover }, function
You could opt for a pure CSS solution:
#hfont1 { transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; /* FF 4 */ -webkit-transition: color 1s ease-in-out; /* Safari & Chrome */ -o-transition: color 1s ease-in-out; /* Opera */ }