Change background position with jQuery

Question

I d like to change the background position of a CSS-class while hovering a li-element   HTML     lt div id  carousel  gt       lt ul id  submenu  gt           lt li gt Apple lt  li gt           lt li gt Orange lt  li gt       lt  ul gt   lt  div gt    CSS    carousel        float  left      width  960px      height  360px      background  url    images carousel png       Any suggestions on how to do this

User · Answer

You guys are complicating things  You can simple do this from CSS    carousel li   background-position 0px 0px     carousel li hover   background-position 100px 0px

User · Answer

submenu li   hover function            carousel   css  backgroundPosition   newValue

User · Answer

rebellion s answer above won t actually work  because to CSS   background-position  is actually shorthand for  background-position-x  and  background-position-y  so the correct version of his code would be     document  ready function            submenu li   hover function                carousel   css  background-position-x   newValueX               carousel   css  background-position-y   newValue          function                carousel   css  background-position-x   oldValueX               carousel   css  background-position-y   oldValueY                 It took about 4 hours of banging my head against it to come to that aggravating realization

User · Answer

Here you go     document  ready function            submenu li   hover function                carousel   css  background-position    10px 10px           function                carousel   css  background-position

User · Answer

Sets new value for backgroundPosition on the carousel div when a li in the submenu div is hovered  Removes the backgroundPosition when hovering ends and resets backgroundPosition to old value       submenu li   hover function         if      carousel   data  oldbackgroundPosition    undefined                carousel   data  oldbackgroundPosition       carousel   css  backgroundPosition                   carousel   css  backgroundPosition    enternewvaluehere       function         var reset           if      carousel   data  oldbackgroundPosition      undefined            reset       carousel   data  oldbackgroundPosition                carousel   removeData  oldbackgroundPosition                  carousel   css  backgroundPosition   reset

[jquery] Change background position with jQuery

Examples related to jquery

Examples related to css

Examples related to background-position