Web-SgS

Script № 10

[Download ZIP?]

ГОРИЗОНТАЛЬНЫЕ

Infiniti - Menü

<center> <head> <STYLE type=text/css>.imcm UL { CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none } .imcm LI { CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none } .imcm DIV { CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none } .imcm SPAN { CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none } .imcm A { CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none } .imcm LI A IMG { BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .imcm SPAN { DISPLAY: inline } .imcm .imclear { CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px } .imclear { CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px } .imcm .imsc { POSITION: relative } .imcm .imsubc { VISIBILITY: hidden; POSITION: absolute } .imcm LI { FONT-SIZE: 1px; FLOAT: left; LIST-STYLE-TYPE: none } .imcm UL UL LI { FLOAT: none! important; WIDTH: 100% } .imcm A { DISPLAY: block; POSITION: relative } .imcm UL .imsc { Z-INDEX: 10 } .imcm UL .imsubc { Z-INDEX: 10 } .imcm UL UL .imsc { Z-INDEX: 20 } .imcm UL UL .imsubc { Z-INDEX: 20 } .imcm UL UL UL .imsc { Z-INDEX: 30 } .imcm UL UL UL .imsubc { Z-INDEX: 30 } .imde UL LI:hover .imsubc { VISIBILITY: visible } .imde UL UL LI:hover .imsubc { VISIBILITY: visible } .imde UL UL UL LI:hover .imsubc { VISIBILITY: visible } .imde LI:hover UL .imsubc { VISIBILITY: hidden } .imde LI:hover UL UL .imsubc { VISIBILITY: hidden } .imde LI:hover UL UL UL .imsubc { VISIBILITY: hidden } .imcm .imea { DISPLAY: block; FONT-SIZE: 1px; LEFT: 0px; FLOAT: right; WIDTH: 1px; LINE-HEIGHT: 1px; POSITION: relative; HEIGHT: 0px } .imcm .imea SPAN { DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 0px; POSITION: relative } .dvs { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .dvm { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } </STYLE>  <STYLE type=text/css>#imenus0 .imeam SPAN { BACKGROUND-POSITION: left top; LEFT: -7px; BACKGROUND-IMAGE: url(arrow.gif); WIDTH: 7px; BACKGROUND-REPEAT: no-repeat; TOP: 5px; HEIGHT: 5px } #imenus0 .imeamj SPAN { BACKGROUND-POSITION: left top; LEFT: -7px; BACKGROUND-IMAGE: url(arrow.gif); WIDTH: 7px; BACKGROUND-REPEAT: no-repeat; TOP: 5px; HEIGHT: 5px } #imenus0 LI:hover .imeam SPAN { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(arrow.gif); BACKGROUND-REPEAT: no-repeat } #imenus0 LI A.iactive .imeamj SPAN { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(arrow.gif); BACKGROUND-REPEAT: no-repeat } #imenus0 UL .imeas SPAN { BACKGROUND-POSITION: left top; LEFT: -5px; BACKGROUND-IMAGE: url(sub_arrow.gif); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; TOP: 3px; HEIGHT: 7px } #imenus0 UL .imeasj SPAN { BACKGROUND-POSITION: left top; LEFT: -5px; BACKGROUND-IMAGE: url(sub_arrow.gif); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; TOP: 3px; HEIGHT: 7px } #imenus0 UL LI:hover .imeas SPAN { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(sub_arrow.gif); BACKGROUND-REPEAT: no-repeat } #imenus0 UL LI A.iactive .imeasj SPAN { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(sub_arrow.gif); BACKGROUND-REPEAT: no-repeat } #imouter0 { BORDER-RIGHT: #6a6a6a 1px; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #6a6a6a 1px; PADDING-TOP: 0px; BORDER-BOTTOM: #6a6a6a 1px; BACKGROUND-COLOR: #ffffff } #imenus0 LI UL { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 4px 0px 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #efefef } #imenus0 LI A { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; COLOR: #333333; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: underline } #imenus0 .imctitle { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; COLOR: #333333; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: underline } #imenus0 LI:hover > A { BACKGROUND-COLOR: #efefef; TEXT-DECORATION: underline } #imenus0 LI A.ihover { BACKGROUND-COLOR: #efefef; TEXT-DECORATION: underline } .imde imenus0 A:hover { BACKGROUND-COLOR: #efefef; TEXT-DECORATION: underline } #imenus0 LI A.iactive { } #imenus0 UL A { BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px; TEXT-ALIGN: left; TEXT-DECORATION: none } #imenus0 .imsubc LI .imctitle { BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px; TEXT-ALIGN: left; TEXT-DECORATION: none } #imenus0 UL LI:hover > A { COLOR: #000000; TEXT-DECORATION: underline } #imenus0 UL LI A.ihover { COLOR: #000000; TEXT-DECORATION: underline } #imenus0 UL LI A.iactive { BACKGROUND-COLOR: #ffffff } </STYLE>  </head> <body> <center> <DIV class="imrcmain0 imgl" style="Z-INDEX: 999999; WIDTH: 580px; POSITION: relative"> <DIV class="imcm imde" id=imouter0> <UL id=imenus0> <LI class=imatm style="WIDTH: 145px"><A class="" href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeam"><SPAN></SPAN></SPAN>Who We Are</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: 0px; WIDTH: 145px; TOP: 0px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Overview</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Mission & Goals</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">History</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Management</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Working at Tyco</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Press Center</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeas"><SPAN></SPAN></SPAN>Worldwide</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: 132px; WIDTH: 140px; TOP: -23px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Europe</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Asia</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">US & Canada</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Mexico</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Australia</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Middle East</A> </LI></UL></DIV></DIV></LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeas"><SPAN></SPAN></SPAN>Board of Directors</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: 132px; WIDTH: 140px; TOP: -23px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Overview</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Electronics</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Fire & Security</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Healthcare</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Plastics & Adhesives</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Engineered Producs</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Tyco Worldwide</A> </LI></UL></DIV></DIV></LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Customers</A> </LI></UL></DIV></DIV></LI> <LI class=imatm style="WIDTH: 145px"><A href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeam"><SPAN></SPAN></SPAN>Our Commitment</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: -1px; WIDTH: 146px; TOP: 0px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Overview</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">People & Values</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Governance</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Community</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Environmental</A> </LI></UL></DIV></DIV></LI> <LI class=imatm style="WIDTH: 145px"><A href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeam"><SPAN></SPAN></SPAN>Our Business</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: 0px; WIDTH: 146px; TOP: 0px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Overview</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Electronics</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Fire & Security</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Healthcare</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Plastics & Adhesives</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Engineered Producs</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Tyco Worldwide</A> </LI></UL></DIV></DIV></LI> <LI class=imatm style="WIDTH: 145px"><A href="http://www.opencube.com/samples/im/sample1/sample.html#"><SPAN class="imea imeam"><SPAN></SPAN></SPAN>Investors</A> <DIV class=imsc> <DIV class=imsubc style="LEFT: -1px; WIDTH: 146px; TOP: 0px"> <UL> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Overview</A> </LI> <LI><A href="http://www.opencube.com/samples/im/sample1/sample.html#">Stock Quotes</A> </LI></UL></DIV></DIV></LI></UL> <DIV class=imclear></DIV></DIV></DIV> </center>  <SCRIPT language=JavaScript src="ocscript.js" type=text/javascript></SCRIPT> </center> <br> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/6.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> <br>

Пример внизу:

Home
Our Commitment
Our Business
Investors
- Overview
- Stock Quotes