<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="enrollment.css" rel="stylesheet" type="text/css">
<title>onBoarding</title>
</head>
<body>
<div id="wrapper">
<div class="headerBox_3rd">
<div id="logo_3rd">
<img alt="logo" src="static/images/AH-logoX1.png">
</div>
<div id="proImg_3rd">
<img alt="logo" src="hp-imgX1.png">
</div>
</div>
<div class="onBoardingInfoBox_3rd">
<div class="onBoardingBox_3rd">
<div class="box_title_3rd"><h4>Client Information</h4></div>
<div class="box_container_3rd">
<table>
<tbody>
<tr>
<td class="td_left_3rd">User Name</td>
<td class="td_right_3rd">wsong@aerohive.com</td>
</tr>
<tr>
<td class="td_left_3rd">User Group</td>
<td class="td_right_3rd">NMS21</td>
</tr>
<tr>
<td class="td_left_3rd">Device Mac</td>
<td class="td_right_3rd">KDKA:O12K:DALA:DSLF</td>
</tr>
<tr>
<td class="td_left_3rd">Device OS Type</td>
<td class="td_right_3rd">IOS</td>
</tr>
<tr>
<td class="td_left_3rd">Device Ownership</td>
<td class="td_right_3rd">Corporate owned devices</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="onBoardingOpearteBox_3rd">
<div class="opearteContainer_3rd">
<div id="agreementChoise_3rd">
<p id="p1_3rd"><input name="choice" class="enrollApAgreementTitle" type="checkbox" /></p>
<p id="p2_3rd">
I agree to the <a>End User Policy</a>
</p>
</div>
<div id="onBoardingButton_3rd">
<button type="button" class="button blue" id="J_mdm">Enroll the Device</button>
</div>
</div>
</div>
<div class="onBoardingProgressBox_3rd">
<div class="progressContainer_3rd">
<div class="progressImg_ct" id="waitProgress_3rd">
<p class="progressImg"><img alt="waiting" src="loading.gif"></p>
<p class="progressWord">Modify Enrollment in process...</p>
</div>
<div class="progressImg_ct" id="successProgress_3rd">
<p class="progressImg"><img alt="waiting" src="wait_1.gif"></p>
<p class="progressWord">
Your iPad (Device Name here) is enrolled successfully !
</p>
</div>
<div class="progressImg_ct" id="failProgress_3rd">
<p class="progressImg"><img alt="waiting" src="att_2.png"></p>
<p class="progressWord">
Your iPad Enrollment is Failed!
Please make sure your Wi-Fi connection is correct and try again.
If still not working please contact with your IT Admin.
</p>
</div>
<div class="progressImg_ct" id="WififailProgress_3rd">
<p class="progressImg"><img alt="waiting" src="error1.png"></p>
<p class="progressWord">
Push Wi-Fi setting on your iPad (iPad Name here) Failed!
Please make sure your Wi-Fi connection is correct and try again.
If still not working please contact with your IT Admin.
</p>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$("#J_mdm").click(function(){
div=$("#WififailProgress_3rd");
div.slideToggle("slow");
var div=$("#waitProgress_3rd");
div.slideToggle("slow");
});
});
</script>
</div>
</body>
</html>
相关推荐
jQuery导航菜单动画渐入渐出特效
jquery具有渐隐渐现特效的图片分类特效下载
jquery大号渐入渐出效果
jQuery超炫淡入淡出效果DIV渐变居中弹出框插件
jQuery-菜单渐隐晃动特效,包含六种特效的JS,可以自己修改调用,为网页设计增色。
jQuery实现的渐隐渐显焦点图切换特效源码.zip
jQuery实现渐现渐隐弹出层是一款超炫的弹出层,里面包含了渐现渐隐、上下滑动4种效果,载入页面时将元素置于页面可见区域的顶部达到自上而下显示效果,弹出层自适应浏览器窗口大小。
利用jQuery技术实现网页订单弹幕效果特效代码渐隐渐现效果带演示,可以用于电商网站/购物网站上购物体验效果实现,附带演示代码;如某某购物了什么产品,一直循环渐隐渐现网页上显示
移动星星特效,从左到右,星星移动,渐隐渐现,滑动到星星做抖动效果,点击星星弹出层,并停止运动
一款使用了jquery开发的适用于博客网站使用的向上滑出的导航菜单,从风格上来说,我觉得比较适合个人站、博客类网站使用,鼠标悬停于菜单时,对应的菜单项向上滑出,鼠标移走后,恢复默认样式,如图所示的菜单特效,...
jQuery垂直时间轴动画特效采用jquery-1.7.2.min.js制作,绿色风格,时间轴动画显示效果,页面渐进式显示。
jquery文字动画特效制作淡出淡进文字轮播动画效果代码
jQuery实现渐现渐隐弹出层是一款超炫的弹出层,里面包含了渐现渐隐、上下滑动4种效果,载入页面时将元素置于页面可见区域的顶部达到自上而下显示效果,弹出层自适应浏览器窗口大
jquery很不错的网页渐显效果!!!!!!!!!!
jQuery表单输入框标签插件jQuery FormLabels jQuery插件字数统计 jQuery垂直滚动新闻效果插件jQuery jCarouse ...基于jquery的实现整段文字渐入渐出效果 基于jQuery实现的大号的banner图片切换效果
一个非常大气完美的图片滚动展示特效,渐入渐出的滚动效果很炫,用的是jquery-easing-1.3的插件。
jQuery图片渐隐切换菜单
本文实例讲述了jQuery实现动画、消失、显现、渐出、渐入效果。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> [removed][removed] <title&...