<meta name="viewport" content="width=device-width,initial-scale=1 , user-scalable=yes">
<title>NavigationMenu デモサンプル</title>
<script type="text/javascript" src= "jquery-1.11.3.min.js"></script>
<script type="text/javascript" src= "jquery.easing.1.3.js"></script>
<script type="text/javascript" src= "デモサンプル.js"></script>
<link rel="stylesheet" type="text/css" href= "デモサンプル.css" media="screen">
</head>
<body>
<div id="container">
<div id="startbtn" class="btn"></div>
<div id="closebtn" class="btn"></div>
<div id="box">
<div id="sball00" class="home" ontouchstart="">
<div id="navi00msg" class="navimsg"><a href="#">HOME</a></div>
</div>
<div id="sball01" class="sball" ontouchstart="">
<div id="navi01msg" class="navimsg">Navi_01</div>
<div id="small01" class="small"></div>
<div id="navisub001" class="navisub"><a href="#">explanation01</a></div>
</div>
<div id="sball02" class="sball" ontouchstart="">
<div id="navi02msg" class="navimsg">Navi_02</div>
<div id="small02" class="small"></div>
<div id="navisub002" class="navisub"><a href="#">explanation02</a></div>
</div>
<div id="sball03" class="sball" ontouchstart="">
<div id="navi03msg" class="navimsg">Navi_03</div>
<div id="small03" class="small"></div>
<div id="navisub003" class="navisub"><a href="#">explanation03</a></div>
</div>
<div id="sball04" class="sball" ontouchstart="">
<div id="navi04msg" class="navimsg">Navi_04</div>
<div id="small04" class="small"></div>
<div id="navisub004" class="navisub"><a href="#">explanation04</a></div>
</div>
<div id="sball05" class="sball" ontouchstart="">
<div id="navi05msg" class="navimsg">Navi_05</div>
<div id="small05" class="small"></div>
<div id="navisub005" class="navisub"><a href="#">explanation05</a></div>
</div>
</div>
</div>
</body>