DIR : /home/kozerus/public_html/ko_center/js/fg-menu/fgmenu0.htm
/home/kozerus/public_html/ko_center/js/fg-menu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>fgmenu0.htm fgmenu_templet</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fg.menu_ko.js"></script>
<link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet" />
<link type="text/css" href="theme/ui.all.css" media="screen" rel="stylesheet" />
<!-- styles for this example page only -->
<style type="text/css">
body { font-size:62.5%; margin:0; padding:0; }
#menuLog { font-size:1.4em; margin:20px; }
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */
.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
</style>
<!-- style exceptions for IE 6 -->
<!--[if IE 6]>
<style type="text/css">
.fg-menu-ipod .fg-menu li { width: 95%; }
.fg-menu-ipod .ui-widget-content { border:0; }
</style>
<![endif]-->
<script type="text/javascript">
$(function(){
$('.fg-button').hover(
function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
);
$('#hierarchybreadcrumb').menu({
content: $('#hierarchybreadcrumb').next().html(),
backLink: false
});
});
</script>
</head>
<body>
<p id="menuLog">menuSelection: <span id="menuSelection"></span></p>
<!--
<script type="text/javascript">
$.get('menuContent_users.html', function(data){
$('#hierarchybreadcrumb').menu({ content: data, backLink: false });
});
</script>
<script type="text/javascript">
$.get('menuContent_admin.html', function(data){
$('#hierarchybreadcrumb').menu({ content: data, backLink: false });
});
</script>
-->
<a tabindex="0" href="#fgmenu_hb_htm"
class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all"
id="hierarchybreadcrumb">
<span class="ui-icon ui-icon-triangle-1-s"></span>
fgmenu0
</a>
<div id="fgmenu_hb_htm" class="hidden">
<ul>
<li><a href="?fgmenu/2/1">menu1</a>
<ul>
<li><a href="?fgmenu/2/1/1">menu11</a></li>
<li><a href="?fgmenu/2/1/2">menu12</a></li>
<li><a href="?fgmenu/2/1/3">menu13</a></li>
<li><a href="?fgmenu/2/1/4">menu14</a></li>
<li><a href="?fgmenu/2/1/5">menu15</a></li>
<li><a href="?fgmenu/2/1/6">menu16</a></li>
</ul>
</li>
<li><a href="?fgmenu/2/2">menu2</a>
<ul>
<li><a href="?fgmenu/2/2/1">menu21</a></li>
<li><a href="?fgmenu/2/2/2">menu22</a></li>
<li><a href="?fgmenu/2/2/3">menu23</a></li>
<li><a href="?fgmenu/2/2/4">menu24</a></li>
<li><a href="?fgmenu/2/2/5">menu25</a></li>
<li><a href="?fgmenu/2/2/6">menu26</a></li>
</ul>
</li>
<li><a href="?fgmenu/2/3">menu3</a></li>
</ul>
</div>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer