JSFiddle - React, Tailwind, and code Playground

by goldfingerxyz

HTML

<script src="http://keith-wood.name/js/jquery.backgroundpos.js"></script>
<div id="pnav">
<a href="#">123</a>
</div>

CSS

#pnav a{
	background:url(http://www.us-bingo.com/images/Tickets/Solid-Color-Tyvek-Wrist-Tickets-lg.gif) 0 0 no-repeat;
	display:block;
	width:20px;
	height:42px;
}

JavaScript

$(document).ready(function(){

$('#pnav a')
.hover(function () {
   $(this).stop().animate({backgroundPosition: '0px ' + '35px'}, 500);
}, function () {
    $(this).stop().animate({backgroundPosition: '0px ' + '0px'}, 500);
});
    
    
});