zoukankan      html  css  js  c++  java
  • jquery控制背景图片的移动 Amy

    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);
    });
  • 相关阅读:
    问题集
    第04次作业-树
    06-图
    05-查找
    04-树
    03-栈和队列
    02-线性表
    01-抽象数据类型
    C语言--总结报告
    C语言--函数嵌套
  • 原文地址:https://www.cnblogs.com/amy2011/p/2973905.html
Copyright © 2011-2022 走看看