使用jQuery更改背景位置 | 使用jQuery更改背景位置

本文介绍了使用jQuery更改背景位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想更改CSS类的背景位置，同时悬停li元素。

I'd like to change the background position of a CSS-class while hovering a li-element.

HTML：

<div id="carousel">
    <ul id="submenu">
        <li>Apple</li>
        <li>Orange</li>
    </ul>
</div>

CSS：

#carousel {
    float: left;
    width: 960px;
    height: 360px;
    background: url(../images/carousel.png);
}

有关如何执行此操作的任何建议吗？

Any suggestions on how to do this?

推荐答案

这里：

$(document).ready(function(){
    $('#submenu li').hover(function(){
        $('#carousel').css('background-position', '10px 10px');
    }, function(){
        $('#carousel').css('background-position', '');
    });
});

这篇关于使用jQuery更改背景位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！