<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 0, comments - 77, trackbacks - 0, articles - 356
      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    可拖動層

    Posted on 2007-07-25 17:42 semovy 閱讀(169) 評論(0)  編輯  收藏 所屬分類: JavaScript
    <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>
    <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.filters.alpha.opacity += 20
    item15.style.pixelLeft += 20; item15.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)
    {
    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.filters.alpha.opacity -= 20
    item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20
    leftLine -= 20
    }
    else
    {
    clearTimeout(window.timerOut)
    return false;
    }
    timerOut=window.setTimeout("menuItemOut()",1)
    }
    //移動層
    var over=false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}}
    </script>
    主站蜘蛛池模板: 香港a毛片免费观看| 亚洲大成色www永久网址| 产传媒61国产免费| mm1313亚洲国产精品美女| 午夜亚洲WWW湿好爽| 日韩视频在线免费| 国产亚洲人成在线影院| 免费国产怡红院在线观看| 免费夜色污私人影院网站| 亚洲裸男gv网站| 成人精品一区二区三区不卡免费看| 在线播放亚洲第一字幕| 久草福利资源网站免费| 男男gay做爽爽的视频免费| 国产高清在线精品免费软件| 国产亚洲精品第一综合| 中文字幕无码精品亚洲资源网| 少妇性饥渴无码A区免费| 久久精品国产亚洲| 中文字幕无码成人免费视频| 亚洲一本一道一区二区三区| 国产精品无码素人福利免费| 一个人免费观看视频在线中文| 精品久久久久久亚洲| 色偷偷亚洲女人天堂观看欧| 香蕉高清免费永久在线视频| 一个人免费观看www视频| 亚洲国产精久久久久久久| 国产乱码免费卡1卡二卡3卡| 午夜在线亚洲男人午在线| 亚洲精品无码久久一线| 日韩不卡免费视频| 一级毛片在线完整免费观看| 亚洲Av无码精品色午夜| 毛片免费观看的视频| 久久久精品国产亚洲成人满18免费网站 | 亚洲AV无码男人的天堂| 国产精品亚洲w码日韩中文| 99久久久国产精品免费蜜臀| 亚洲av乱码中文一区二区三区| 不卡一卡二卡三亚洲|