맥킨토쉬 OS 10 스타일 메뉴 3 (하단배치)
페이지 정보
작성자 서방님 댓글 0건 조회 83회 작성일 07-08-11 15:33본문
<html>
<head>
<title>http://www.blueb.co.kr</title>
<style type="text/css">
#dock {
position: absolute;
bottom: 1em;
width: 100%;
text-align: center;
left: 0px;
}
#dock img {
border: none;
width: 0px;
}
#legend {
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
font-family: tahoma;
font-weight: bold;
font-size: 11px;
color: #000;
}
</style>
<script type="text/javascript">
<!--
var xm = xmb = ov = 0;
var M = true;
function dock(dock, sMin, sMax)
{
this.icons = document.getElementById(dock).getElementsByTagName('img');
this.N = this.icons.length;
this.s = sMin;
this.ovk = 0;
this.pxLeft = function(o)
{
for(var x=-document.documentElement.scrollLeft; o != null; o = o.offsetParent) x+=o.offsetLeft;
return x;
}
for(var i=0;i<this.N;i++)
{
with(this.icons[i])
{
style.width = sMin+"px";
style.height = sMin+"px";
className = "dockicon";
}
}
this.run = function()
{
with(this)
{
for(var i=0;i<N;i++)
{
var o = icons[i];
var W = parseInt(o.style.width);
if(ov && ov.className=="dockicon")
{
if(ov!=ovk)
{
ovk=ov;
document.getElementById("legend").innerHTML = ov.lang;
}
if(M) W = Math.max((s*Math.cos(((pxLeft(o)+W/2)-xm)/sMax)),sMin);
s = Math.min(sMax,s+1);
}
else
{
s = Math.max(s-1,sMin);
W = Math.max(W-N,sMin);
}
o.style.width = W+"px";
o.style.height = W+"px";
}
if(s >= sMax) M = false;
}
}
}
document.onmousemove = function(e)
{
if(window.event) e=window.event;
xm = (e.x || e.clientX);
if(xm!=xmb){
M = true;
xmb = xm;
}
ov = (e.target)?e.target:((e.srcElement)?e.srcElement:null);
}
window.onload = function()
{
dock = new dock("dock", 48, 128);
setInterval("dock.run()", 16);
}
//-->
</script>
</head>
<body>
<div id="dock">
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu01.gif" lang="menu01"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu02.gif" lang="menu02"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu03.gif" lang="menu03"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu04.gif" lang="menu04"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu05.gif" lang="menu05"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu06.gif" lang="menu06"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu07.gif" lang="menu07"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu08.gif" lang="menu08"></a>
<a href="http://www.blueb.co.kr/" target="_blank"><img src="http://www.blueb.co.kr/SRC/javascript/image2/menu09.gif" lang="menu09"></a>
</div>
<div id="legend"></div>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
