可以拖動的顯隱導航菜單
2006/12/30 14:22:36
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效|Linkweb.cn/Js|---可以拖動的顯隱導航菜單</title>
<style>
body,td,a {font-size:9pt;color:black}
.none{border:black 1px solid;background:D9D9D9;padding-top:2}
.over {border:black 1px solid;background:707888;color:white;padding-top:2}
</style>
</head>
<body onmousemove="move()">
<div style="position:absolute; left: 100; top: 100; 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:150px; top:33px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:move"onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none">可拖動的菜單</div>
<div align=center id="item11" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';stopTimerline()"
onmouseout="this.className='none';runTimerline()" class="none"
>菜單項一</div>
<div align=center id="item12" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)"
class=none onmouseover="this.className='over';stopTimerline()"
onmouseout="this.className='none';runTimerline()">菜單項二</div> <div align=center id="item13" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)"
class=none onmouseover="this.className='over';stopTimerline()"
onmouseout="this.className='none';runTimerline()">菜單項三</div>
<div align=center id="item14" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)"
class=none onmouseover="this.className='over';stopTimerline()"
onmouseout="this.className='none';runTimerline()">菜單項四</div> <div align=center id="item15" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)"
class=none onmouseover="this.className='over';stopTimerline()"
onmouseout="this.className='none';runTimerline()">菜單項五</div>
</div><script>
//動畫菜單
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)
{
item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20
item12.style.pixelLeft -= 20; item12.filters.alpha.opacity += 20
item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20
item14.style.pixelLeft -= 20; item14.
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产欧美日韩va|
日本丶国产丶欧美色综合|
伊人国产在线播放|
色婷婷亚洲一区二区三区|
国产精品天堂avav在线|
jizz中国免费|
无码av岛国片在线播放|
乱了嗯祖宗啊用力|
欧美日本韩国一区二区|
伊人久久大香线蕉综合网站|
中国speakingathome宾馆学生|
日韩夜夜高潮夜夜爽无码|
六月丁香婷婷天天在线|
蜜桃臀av高潮无码|
在线观看国产91|
一级毛片中文字幕|
无码国内精品人妻少妇蜜桃视频|
久久躁狠狠躁夜夜av|
欧美性色黄在线视|
亚洲精品美女久久7777777|
精品国产一二三区在线影院
|
久久受www免费人成_看片中文|
欧美一区二区三区久久综|
亚洲欧美一级视频|
爱情岛论坛亚洲高品质|
国产成人8X视频网站入口|
18成禁人视频免费网站|
在线免费观看国产|
久久亚洲sm情趣捆绑调教|
有夫之妇bd中文字幕|
免费黄网站在线看|
美女的尿口免费|
国产猛男猛女超爽免费视频|
3d玉蒲团之极乐宝鉴|
成人毛片100免费观看|
久久久久久国产精品免费无码|
永久免费视频v片www|
人善交另类欧美重口另类|
精品久久久久久久中文字幕|
国产强伦姧在线观看|
免费足恋视频网站女王|