DuckDuck88 / birthday

:cake:为女朋友做一个超具创意的网页生日祝福吧~ (生日快乐) https://duckduck88.github.io/birthday/

Home Page:https://duckduck88.github.io/birthday/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TODO

  • 每行祝福文字可以配一张图片

config.js 说明

温馨提示: 每句话丶每个图片地址丶每个按钮文字的那一行,最后都要以英文逗号结尾哦!

var config = {
    // 句子的长度可以任意, 你可以写十句话, 二十句话都可以
    // 每句话尽量不要超过15个字,不然展示效果可能不太好
    texts: [
        "送给我",
        //这里面写想说的话,每句短一点,结尾用英文逗号,
    ],
    /**
     * imgs 可以不填, 但是如果要填写的话必须遵循下面的格式
     * "对应上面的文字, 要完全一样" : "图片地址, 可以把图片放在imgs文件夹中"
     * 例如
     * "心爱的小可爱": "./imgs/xiaokeai.jpg"
     *
     * 如果不要图片的话, 直接在每行开头写两个斜杠注释即可, 例如下面的 "今天是你的生日" 的图片就不会展示了:)
     * Tip: 图片最好用正方形or接近正方形, 看起来效果更好
     */
    imgs: {
        "心爱的小可爱": "./imgs/xiaokeai.png",
        // "今天是你的生日": "./imgs/birthday.jpg",
    },
    // 按钮文字描述, 以下是默认的按钮文字,英文的,您可以改成你喜欢的文字
    desc: {
        turn_on: "开始",
        play: "音乐",
        bannar_coming: "颜色",
        balloons_flying: "好像少点东西",
        cake_fadein: "蛋糕?",
        light_candle: "蜡烛?",
        wish_message: "生日快乐",
        story: "A MESSAGE FOR YOU",
    }
};

QA

如何修改音乐? 回答:将你自己的mp3音乐文件覆盖assets目录下面的hbd.mp3, 記住覆蓋后名字要完全一樣哦!

About

:cake:为女朋友做一个超具创意的网页生日祝福吧~ (生日快乐) https://duckduck88.github.io/birthday/

https://duckduck88.github.io/birthday/


Languages

Language:CSS 73.9%Language:JavaScript 15.6%Language:HTML 10.5%