$(function () {
    //给7个div赋值高度
    $(".service_back").height($(window).height());
    //给7个div中的图片居中水平和垂直的高度

    var imgheight = $(".service_word [mainimg]").height();//图片的高度
    var imgwidth = $(".service_word [mainimg]").width();//图片的宽度
    var divheight = $(".service_word").height();//div的高度
    var divwidth = $(".service_word").width();//div的宽度
    $(".service_word [mainimg]").css("margin-top", (divheight - imgheight) / 2);
    $(".service_word [mainimg]").css("margin-left", (divwidth - imgwidth) / 2);




    $(".service_back:eq(0)").bubbler(
        {
            color: "#228381",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(1)").bubbler(
        {
            color: "#62d1cd",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(2)").bubbler(
        {
            color: "#cbeff3",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(3)").bubbler(
        {
            color: "#c3b59d",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(4)").bubbler(
        {
            color: "#edcd9d",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(5)").bubbler(
        {
            color: "#ffe9c7",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );
    $(".service_back:eq(6)").bubbler(
        {
            color: "#a7a7a7",//颜色"#1d2833"
            ammount: "8",//个数，从1~100，小数点后2位
            min: "0.1",//圆的最小值,0.1~0.9
            max: "0.2",//圆的最大值,0.1~0.9
            time: "80",//圆移动的速度，1~80，小数点后2位，值越大速度越慢
            vertical: true,//是否垂直移动
            horizontal: true//是否水平移动
        }
    );


});