jquery - 使用 jQuery 移动背景位置

标签 jquery css

尝试做类似的事情:jQuery background-position animation但没有让它工作。想知道是否有人可以提供帮助。

我在页面上有一个 jCarouselLite 轮播。我有一个 jCarousel 的子导航,它在顶部有一个小箭头表示,这是与轮播中显示的幻灯片相关的子导航。由于 jCarouselLite 没有反馈功能,而且在元素中更改为另一个旋转木马为时已晚,我需要看看我是否可以让它工作。我原以为我可以使用 JS 在与横幅相同的定时周期内移动背景位置,但它不起作用。

这是我完成的 JS:

function bannav(){
        var sp = new Array(-880,-700,-520,-360,-180);
        var i=0;
        for(i===1;i<=5;i++){
            position = sp[i]+'px 0px';
            window.setInterval(function(){
                $('div.container div.banner-holder ul#controls').animate(function(){
                    $this.css('background-position', position);
                });
              }, 8000);
            if(i==5){i=0};
        }}

它所做的只是绑定(bind)页面。我看它瞎了,所以我做了一些非常愚蠢的事情,提前道歉。非常感谢任何帮助。

T

最佳答案

会不会是'this'传递错误?

参见 https://developer.mozilla.org/en/window.setInterval和“‘这个’问题”

关于jquery - 使用 jQuery 移动背景位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8417240/

相关文章:

html - JqueryMobile 添加一个 2 列表

html - React Native 中的聊天气泡

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

php - Jquery AJAX + PHP 搜索引擎添加箭头导航

javascript - 在带有十字符号的文本框中搜索结果

html - 如何将文本垂直对齐到父 div 的中间

javascript - 加载大量数据处理的图像,javascript 未显示

javascript - Cocoon 自动完成模态填充动态字段两次

php - 如何使用 Curl PHP 从任何电子商务网站获取产品的价格和尺寸

jQuery 循环效果 : scrollHorz not working properly