可拖动的菜单代码

 

<style>
body,td,a {font-size:9pt;color:000000;text-decoration:none}
.none{border:black 1px solid;background:D9D9D9;padding-top:2}
.over {border:black 1px solid;background:707888;color:white;padding-top:2}
</style>

<div style="position:absolute; left: 0; top: 20; width: 1; height: 1;cursor: hand" ID=plane onMouseDown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)"onmouseup="down=false">
<div align=center style="position:absolute; left:20px; top:3px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:move"onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none"><font color="#FFFFFF">可拖动的菜单</font></div>
<div align="center" id="item1" style="position:absolute; left:-80px; top:25px; width:100px; height:19px; z-index:2; filter:alpha(opacity=0)" class="none" onMouseOver="this.className='over';stopTimerline()" onMouseOut="this.className='none';runTimerline()"><a href=" http://www.aosky.net" target="_blank">奥天软件</a></div>
<div align="center" id="item2" style="position:absolute; left:120px; top:47px; width:100px; height:19px; z-index:3; filter:alpha(opacity=0)" class="none" onMouseOver="this.className='over';stopTimerline()" onMouseOut="this.className='none';runTimerline()"><a href=" http://www.aodufilm.net" target="_blank">奥都影城</a></div>
<div align="center" id="item3" style="position:absolute; left:-80px; top:69px; width:100px; height:19px; z-index:4; filter:alpha(opacity=0)" class="none" onMouseOver="this.className='over';stopTimerline()" onMouseOut="this.className='none';runTimerline()"><a href=" http://www.sina.com.cn" target="_blank">新浪网站</a></div>
<div align="center" id="item4" style="position:absolute; left:120px; top:91px; width:100px; height:19px; z-index:5; filter:alpha(opacity=0)" class="none" onMouseOver="this.className='over';stopTimerline()" onMouseOut="this.className='none';runTimerline()"><a href=" http://www.newhua.com.cn" target="_blank">华军软件</a></div>
<div align="center" id="item5" style="position:absolute; left:-80px; top:113px; width:100px; height:19px; z-index:6; filter:alpha(opacity=0)" class="none" onMouseOver="this.className='over';stopTimerline()" onMouseOut="this.className='none';runTimerline()"><a href=" http://www.netease.com" target="_blank">网易社区</a></div>
</div>
<script>
<!-- 此特效使用《网页特效精灵》编辑制作-->
<!-- 奥天软件： http://www.aosky.net-->
//动画菜单
var currTimerlinePoint=0
var totalTimerlineFrames=2
var timerlineTimer
var leftLine = 50
var timerIn
var timerOut
var timerlineArray = new Array()
timerlineArray[0]=''
timerlineArray[1]='menuItemOut()'
function runTimerline()
{
window.timerlineTimer = setTimeout('menuItemOut()',500)
}
function stopTimerline()
{
clearTimeout(window.timerlineTimer)
}
function menuItemIn()
{
if( leftLine != 150)
{
item1.style.pixelLeft=item1.style.pixelLeft+20
item1.filters.alpha.opacity=item1.filters.alpha.opacity+20
item2.style.pixelLeft=item2.style.pixelLeft-20
item2.filters.alpha.opacity=item2.filters.alpha.opacity+20
item3.style.pixelLeft=item3.style.pixelLeft+20
item3.filters.alpha.opacity=item3.filters.alpha.opacity+20
item4.style.pixelLeft=item4.style.pixelLeft-20
item4.filters.alpha.opacity=item4.filters.alpha.opacity+20
item5.style.pixelLeft=item5.style.pixelLeft+20
item5.filters.alpha.opacity=item5.filters.alpha.opacity+20
leftLine += 20
}
else
{
clearTimeout(window.timerIn)
return false
}
timerIn=window.setTimeout('menuItemIn()',1)
}
function menuItemOut()
{
clearTimeout(window.timerIn)
if (leftLine != 50)
{
item1.style.pixelLeft=item1.style.pixelLeft-20
item1.filters.alpha.opacity=item1.filters.alpha.opacity-20
item2.style.pixelLeft=item2.style.pixelLeft+20
item2.filters.alpha.opacity=item2.filters.alpha.opacity-20
item3.style.pixelLeft=item3.style.pixelLeft-20
item3.filters.alpha.opacity=item3.filters.alpha.opacity-20
item4.style.pixelLeft=item4.style.pixelLeft+20
item4.filters.alpha.opacity=item4.filters.alpha.opacity-20
item5.style.pixelLeft=item5.style.pixelLeft-20
item5.filters.alpha.opacity=item5.filters.alpha.opacity-20
leftLine -= 20
}
else
{
clearTimeout(window.timerOut)
return false;
}
timerOut=window.setTimeout("menuItemOut()",1)
}
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//移动层
var over=false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}}
</script>
<body onmousemove="move()">