|
|
| (3 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!-- template starting point -->
| |
| - | <html lang="english" xmlns="http://www.w3.org/1999/xhtml" xml:lang="english">
| |
| - | <head>
| |
| - | <meta http-equiv="content-script-type" content="text/javascript" />
| |
| - | <meta http-equiv="content-type" content="text/html; charset=Shift_JIS" />
| |
| - | <style>
| |
| - | <!--
| |
| | | | |
| - | div#LeftMenu
| |
| - | {
| |
| - | color: #000000;
| |
| - | background-color: #C4C4D2;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | left: 2px;
| |
| - | width: 150px;
| |
| - | float: left;
| |
| - | top: 550px;
| |
| - | position: static;
| |
| - | }
| |
| - |
| |
| - | div#navigation
| |
| - | {
| |
| - | background-color: #000000;
| |
| - | color: #FFFFFF;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | position: absolute;
| |
| - | }
| |
| - |
| |
| - | ul#TopMenu
| |
| - | {
| |
| - | font-family: Arial, verdana, sans-serif;
| |
| - | list-style: none;
| |
| - | float: left;
| |
| - | height: 30px;
| |
| - | width: 945px
| |
| - | }
| |
| - |
| |
| - | ul#TopMenu > li
| |
| - | {
| |
| - | float: left;
| |
| - | position:relative;
| |
| - | padding: 2px 15px 0 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | ul#TopMenu > li ul
| |
| - | {
| |
| - | background-color: #050505;
| |
| - | color: #FFFFFF;
| |
| - | display: none;
| |
| - | position: absolute;
| |
| - | font-size: 16px;
| |
| - | opacity: 0.8;
| |
| - | list-style: none;
| |
| - | min-width: 100px;
| |
| - | padding: 9px 0 5px 5px;
| |
| - | z-index: 500;
| |
| - | }
| |
| - |
| |
| - | #TopMenu > li:hover ul
| |
| - | {
| |
| - | display: inline;
| |
| - | }
| |
| - |
| |
| - | #TopMenu > li > ul > li
| |
| - | {
| |
| - | position: relative;
| |
| - | padding: 0 0 5px 5px;
| |
| - | margin: -1px;
| |
| - | }
| |
| - |
| |
| - | body
| |
| - | {
| |
| - | background-color: #EFEBEC;
| |
| - | color: #000000;
| |
| - | font-size: 13px;
| |
| - | }
| |
| - |
| |
| - | .top
| |
| - | {
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | clear: both;
| |
| - | height: 190px;
| |
| - | width: 945px;
| |
| - | }
| |
| - | .main
| |
| - | {
| |
| - | position: absolute;
| |
| - | left: 160px;
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - | .under_contents
| |
| - | {
| |
| - | position: static;
| |
| - | top: 310px;
| |
| - | margin: 5px 5px 5px 5px;
| |
| - | padding: 0 0 0 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | h1, h2, h3, h4, h5, h6
| |
| - | {
| |
| - | background-color: #FA8072;
| |
| - | color:#FFFFFF;
| |
| - | text-align: center;
| |
| - | padding-left: 5px;
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | .footer
| |
| - | {
| |
| - | position: relative;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .name
| |
| - | {
| |
| - | font-style: italic;
| |
| - | }
| |
| - |
| |
| - | #navigation a
| |
| - | {
| |
| - | text-decoration: none;
| |
| - | background-color: transparent;
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | #navigation a:hover
| |
| - | {
| |
| - | color: #FF9966;
| |
| - | }
| |
| - |
| |
| - | p
| |
| - | {
| |
| - | text-indent: 2em;
| |
| - | }
| |
| - |
| |
| - | img.fig
| |
| - | {
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | object
| |
| - | {
| |
| - | float: none;
| |
| - | }
| |
| - |
| |
| - | -->
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | <!--
| |
| - | var timeout = 500; //unit: ms
| |
| - | var temp_timer = 0; //for temp.
| |
| - | var showed_item = 0; //for temp.
| |
| - |
| |
| - | function OpenMenu(elem)
| |
| - | {
| |
| - | StopMenuTimer();
| |
| - | if(showed_item) showed_item.style.display = 'none';
| |
| - |
| |
| - | showed_item = elem.getElementsByTagName('ul').item(0);
| |
| - | if(showed_item == null) return;
| |
| - | showed_item.style.display = 'block';
| |
| - |
| |
| - | }
| |
| - |
| |
| - | function CloseMenu()
| |
| - | {
| |
| - | if(showed_item) showed_item.style.display = 'none';
| |
| - | }
| |
| - |
| |
| - | function SetCloseTimer()
| |
| - | {
| |
| - | StopMenuTimer();
| |
| - | temp_timer = window.setTimeout(CloseMenu, timeout);
| |
| - | }
| |
| - |
| |
| - | function StopMenuTimer()
| |
| - | {
| |
| - | if(temp_timer)
| |
| - | {
| |
| - | window.clearTimeout(temp_timer);
| |
| - | temp_timer = null;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | function getElementsByClass() {
| |
| - | var classElements = new Array();
| |
| - | var allElements = document.getElementsByTagName("*");
| |
| - | for (i = 0 ; i < allElements.length; i++) {
| |
| - | if (allElements[i].className == 'firstHeading') {
| |
| - | allElements[i].style.display = 'none';
| |
| - | // window.alert('ηΊθ¦γ');
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | window.onload = function() {
| |
| - | getElementsByClass();
| |
| - | var menu = window.document.getElementById('TopMenu');
| |
| - | if(menu==null)
| |
| - | return;
| |
| - | var list = menu.getElementsByTagName('li');
| |
| - | for(i=0; i<list.length; i++)
| |
| - | {
| |
| - | list[i].onmouseover = function(){
| |
| - | OpenMenu(this);
| |
| - | }
| |
| - |
| |
| - | list[i].onmouseout = function(){SetCloseTimer();}
| |
| - | list[i].onclick = function(){
| |
| - | if(showed_item) CloseMenu();
| |
| - | else OpenMenu(this);
| |
| - | }
| |
| - |
| |
| - | var n_list = list[i].getElementsByTagName('ul');
| |
| - | for(j=0; j<n_list.length; j++)
| |
| - | {
| |
| - | n_list[j].onmouseout = function(){SetCloseTimer();}
| |
| - | n_list[j].onmouseover= function(){StopMenuTimer();}
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | //-->
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
"
