聚码科技
<link rel="stylesheet" type="text/css" href="css/bcstyle.css"/>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/index.js"></script>
</head>
(2) 第二部分主要在<body>部分指定主体显示的界面,并且把需要的资源图片文件放到 img 目录
中。
<body>
<div class="container">
<div class="header">
<h1><div id="service_deviceName">Find Me</div></h1>
</div>
<div class="content">
<div class="findme_word">
<div style="height:35px;"></div>
<h1>O-Click</h1>
</div>
<div class="findme_pic">
<div class="arrow_down">
<img src="img/arrow_down1.png" class="img-responsive"/>
<img src="img/arrow_down2.png" class="img-responsive"/>
<img src="img/arrow_down3.png" class="img-responsive"/>
</div>
<div class="center_btn">
<div class="find_btn">
<div class="img-responsive img_border">
<img id="doevent" src="img/find.png" onclick='app.findMe()' class="img-
responsive circle center_img"/>
</div>
</div>
</div>
<div class="arrow_up" style="clear:both;">
<img src="img/arrow_up3.png" class="img-responsive"/>
<img src="img/arrow_up2.png" class="img-responsive"/>
<img src="img/arrow_up1.png" class="img-responsive"/>
</div>
</div>
</div>
</div>
(3) 第三部分在<script>部分初始化开始执行 javascript 脚本。
<script>
$(function(){
app.initialize();
})
</script>
3. 撰写主体的 javascript 脚本。
2 / 6