前端开发手机陀螺仪 +重力感应

web前端开发技术教材
web前端技术开发视频
web前端开发技术教学大纲

html 代码

<!DOCTYPE html>
<html lang=”en”>
    <head>
        <meta charset=”UTF-8″ />
        <meta
            name=”viewport”
            content=”width=640,target-densitydpi=device-dpi,user-scalable=no”
        />
        <title>Document</title>
        <style>
            * {
                padding: 0;
                margin: 0;
            }
            .longWrap {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }
            .longPic {
                width: 1878px;
                height: 1200px;
                position: absolute;
                left: 0;
                top: 0;
            }
            body,
            html {
                overflow: hidden;
                height: 100%;
                width: 100%;
            }
            #wrapper {
                width: 640px;
                height: 100%;
                margin: 0 auto;
                position: relative;
            }
        </style>
    </head>
    <body>
        <div id=”wrapper”>
            <div class=”page”>
                <div class=”longWrap”>
                    <img
                        src=”http://test.go.163.com/auto/2017/1122/BEIJING-HYUNDAI/img/bb8.jpg”
                        class=”longPic”
                    />
                </div>
            </div>
        </div>
        <script src=”http://go.163.com/2015/public/common/js/zepto.min.js”></script>
        <script src=”http://test.go.163.com/auto/2017/1122/BEIJING-HYUNDAI/js/orienter.min.js”></script>
        <script src=”http://test.go.163.com/auto/2017/1122/BEIJING-HYUNDAI/js/gravityScroll.js”></script>
        <script>
            $(‘.longWrap’).pos({
                // 起始位置
                lastPageX: -500,
                // 开启循环
                loop: false,
            })
        </script>
    </body>
</html>
前端技术开发 英语怎么说
web前端开发技术分享
web前端开发需求技术
» 本文来自:前端开发者 » 《前端开发手机陀螺仪 +重力感应》
» 本文链接地址:https://www.rokub.com/7916.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!