Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id='outer'>
<a href='#' lowsize='12px' highsize='22px' style='font-size:12px;top:50px;left:50px'>Hover me!</a>
</div>
 
div {
    position: relative;
    width: 200px;
    height: 200px;       
}
a {
    position: absolute;
}
 
$(document).ready(function() {
    $('div')
    .on('mouseover', 'a', function() {
        $(this).animate({
          'font-size':$(this).attr('highsize')
        }, 200);
    })
    .on('mouseleave', 'a', function() {
        $(this).animate({
          'font-size':$(this).attr('lowsize')
        }, 200);
    });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers