小编Oli*_*aar的帖子

jQuery,在更改背景图像时删除闪烁

我试图删除Chrome中的闪烁,FF虽然在FF中更少.该脚本根据水平鼠标位置滚动20个背景jpg.这种作品但非常闪烁.

jQuery的

$( document ).ready( function() {
var xSlider = $("#third"); //cache
var loopvar = 10; //set start img to 10
xSlider.css({backgroundImage : 'url(images/' + loopvar + '.jpg)'}); 
document.onmousemove = function(e){
        var mouseposimg = Math.floor(e.pageX / Math.floor($(window).width() / 20) + 1);
        if (mouseposimg > 20) { mouseposimg = 21; } //if outside browser
        if (mouseposimg < 0) { mouseposimg = 1; }

        if(loopvar != mouseposimg) { 
            xSlider.css({backgroundImage : 'url(images/' + mouseposimg + '.jpg)'}); 
            loopvar = mouseposimg; 
        }


};
Run Code Online (Sandbox Code Playgroud)

});

CSS …

html css jquery

8
推荐指数
1
解决办法
4666
查看次数

标签 统计

css ×1

html ×1

jquery ×1