1. 程式人生 > 實用技巧 >部落格看板娘L2Dwidget 使用

部落格看板娘L2Dwidget 使用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script type="text/javascript" charset="utf-8"
    src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

<body>
    <script type="text/javascript">
        // 其他可選的模型: 
        // 	小帥哥: https://unpkg.com/[email protected]/assets/chitose.model.json
        // 	萌娘:https://unpkg.com/[email protected]/assets/shizuku.model.json 
        // 	小可愛(女):https://unpkg.com/[email protected]/assets/koharu.model.json 
        // 	小可愛(男):https://unpkg.com/[email protected]/assets/haruto.model.json
        // 	初音:https://unpkg.com/[email protected]/assets/miku.model.json 

        L2Dwidget.init({
            "model": { "jsonPath": "https://unpkg.com/[email protected]/assets/shizuku.model.json", "scale": 1, "hHeadPos": 0.5, "vHeadPos": 0.618 },
            "dialog": {
                enable: true,
                script: {
                    'tap body': '哎呀!別碰我!',
                    'tap face': '人家是在認真寫部落格哦--前端妹子',
                }
            },
            "mobile": { "show": true, scale: 0.5 },
            "display": {
                "superSample": 2,
                "width": 200,
                "height": 400,
                "position": "right",
                "hOffset": 0,
                "vOffset": 0
            }
        });
    </script>

</body>

</html>

轉載於:https://www.cnblogs.com/mxiaoli/p/11413119.html