CODEWITHSUNDEEP
jqueryhtmlcssdom
Inderjeet Singh Ahuja
Inderjeet Singh Ahuja

Reputation: 194

how to give background position in jquery

I trying to give background-position in jquery, but it is not working.

var a = 20;
var b = 30; 
var loader_pos = a + b;

$('.loader-search').css({"background-position" : center loader_pos});

Thanks in Advance

Upvotes: 1

Views: 46

Answers (3)

Manoj Dhiman
Manoj Dhiman

Reputation: 5166

try this solution jsfiddle

html

<div class="check"></div>

jquesy

 $('.check').hover(function()
                  {
                  var a = 20;
var b = 30; 
var loader_pos = a + b;
                  $(this).css('background-position','center,'+loader_pos+'px');
                  });

css

.check
{
height:100px;
    width:100px;
    background:url('http://fc00.deviantart.net/fs70/f/2013/179/2/c/ios_7_icons__updated__by_iynque-d69mme1.png');
}

Upvotes: 0

Akshay
Akshay

Reputation: 14378

Try this 

$('.loader-search').css({"background-position" :loader_pos + "px"});

Upvotes: 0

Kawinesh S K
Kawinesh S K

Reputation: 3220

$('.loader-search').css({"background-position" : "center "+loader_pos+"px"});

Try this out.

DEMO

Upvotes: 2

Related Questions