Mouse FOLLOW

by bizamajig

HTML

<table class="stuff_area">
    <tr valign="top">
        <td width="200" id="stuff_left">
            <div class="shipmentList">
                <ul>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                </ul>
            </div>
        </td>
        <td width="200" id="stuff_controls" class="stuff_area_input">
            <div id="follower" style="height: 100%;">
                <input id="btnAll" type="button" value="All" /><br/>
                <input id="btnNone" type="button" value="None" /><br />
                <input id="btnStuff" type="button" value=">>" /><br />
            </div>
        </td>
        <td width="200" id="stuff_right">
                <ul>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd jfj sdfkljsdl</li>
                    <li>sjfklsd...

CSS

table {
     background: #f2f2f2;
}

JavaScript

$(".stuff_area li").mouseenter( function( event ) {
    $("#follower").offset({ top: $(this).offset().top });
} );