title: How can get the class name of the element that the mouse is over it
body: <p>I have a menu as follows : </p>
  
  <pre><code>&lt;div id="wrapper"&gt;&lt;div class="lavalamp" dir="&lt;%=Resources.Resource.Direction %&gt;"&gt;&lt;ul&gt;
     &lt;li class="active"&gt;&lt;asp:LinkButton ID="HomeBTN" runat="server" onclick="HomeBTN_Click" Text="&lt;%$Resources:Resource, HomeArea %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="RegisterBTN" runat="server" onclick="RegisterBTN_Click" Text="&lt;%$Resources:Resource, RegisterLBL %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="WorkReq" runat="server" onclick="WorkReqBTN_Click" Text="&lt;%$Resources:Resource, WReq %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="EmployeeReq" runat="server" onclick="EmployeeReq_Click" Text="&lt;%$Resources:Resource, EReq %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="RecManager" runat="server" onclick="RecManager_Click" Text="&lt;%$Resources:Resource, RecManageLBL %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="News" runat="server" onclick="News_Click" Text="&lt;%$Resources:Resource, News %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="ContactUsBTN" runat="server" onclick="ContactUsBTN_Click" Text="&lt;%$Resources:Resource, ContactUsArea %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:LinkButton ID="AboutUsBTN" runat="server" onclick="AboutUsBTN_Click" Text="&lt;%$Resources:Resource, AboutUsArea %&gt;"&gt;&lt;/asp:LinkButton&gt;&lt;/li&gt;
     &lt;li&gt;&lt;asp:HyperLink ID="HelpHPL" runat="server" Target="_blank" Text="&lt;%$Resources:Resource, Help %&gt;"&gt;&lt;/asp:HyperLink&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="floatr"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I have a Jquery as follows : </p>
  
  <pre><code>$(document).ready(function () {
  
  var dleft = $('.lavalamp li.active').offset().left - $('.lavalamp').offset().left;
  var dwidth = $('.lavalamp li.active').width() + "px";
  
  
  
  $('.floatr').css({
      "left": dleft + "px",
      "width": dwidth
  });
  
  
  $('li').hover(function () {
  
      var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + Size);
      var width = $(this).width() + "px";
      var sictranslate = "translate(" + left + "px, 0px)";
  
      $(this).parent('ul').next('div.floatr').css({
          "width": width,
          "-webkit-transform": sictranslate,
          "-moz-transform": sictranslate
      });
  
  },
  
  function () {
  
      var left = $(this).siblings('li.active').offset().left - ($(this).parents('.lavalamp').offset().left + Size);
      var width = $(this).siblings('li.active').width() + "px";
  
      var sictranslate = "translate(" + left + "px, 0px)";
  
      $(this).parent('ul').next('div.floatr').css({
          "width": width,
          "-webkit-transform": sictranslate,
          "-moz-transform": sictranslate
  
      });
  
  })
  </code></pre>
  
  <p>});</p>
  
  <p>I want when mouse is over 'li', each 'li' set with specific background-color (with the help of top Jquery). </p>
  
  <p>Please Help me.</p>
  
  <p>I'm sorry for my weakness in English. Thank you.</p>