javascript - jQuery not changing the background -
my html code is:
<ul class="nav"> <li class="nav-one" ><span class="righttab activeright"> </span><span class="lefttab activeleft"> </span><a href="#featured" class="current">featured</a></li> <li class="nav-two" ><span class="righttab" id="rightnav2"> </span><span class="lefttab" id="leftnav2"> </span><a href="#core" >core</a></li> <li class="nav-three" ><span class="righttab" id="rightnav3"> </span><span class="lefttab" id="leftnav3"> </span><a href="#jquerytuts" >jquery</a></li> <li class="nav-four last" ><span class="righttab" id="rightnav4"> </span><span class="lefttab" id="leftnav4"> </span><a href="#classics" >classics</a></li> </ul>
and jquery code is:
jquery(".nav-two").hover(function() { $('#rightnav2').css("background-image", "url(/skin/frontend/unleaded/worldeffect/images/tabover1-right.jpg)"); $('#leftnav2').css("background-image", "url(/skin/frontend/unleaded/worldeffect/images/tabover1-left.jpg)"); });
this supposed change background image when rollover mouse. can tell me doing wrong?
the common usage of .hover
pass 2 functions it: first mouse enter , second mouse leave. if pass 1 function, have there, executed both events, , handler should interrogate event object decide do. so, if intention have background image change when mouse on , revert when mouse out, should provide second function setting background image ''
.
Comments
Post a Comment