博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery--控制背景图片的移动

Posted on 2013-03-21 17:44  Amy-lover  阅读(780)  评论(0编辑  收藏  举报

1,背景图片尺寸大一些效果会比较好,首先我们先了解一下background-position

  css中的background-position 属性设置背景图像的起始位置。  

background-position:水平值  垂直值;
background-position:15px 15px;
background-position:10% 10%;
background-position:left/right/center bottom/top/center;//如果只设置一个值,第二个值默认为center

2,jquery中利用到的是animate方法(主要jquery1.6的一个版本不支持background-position设置两个参数)

$(function(){
    $(".next").bind("click",function(){
        $("body").animate({"background-position":'-=400px -108px'},5000);
    $(".prev").bind("click",function(){
        $("body").animate({"background-position":'+=400px -108px'},5000);
});