<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ⅴ中文字幕蜜桃| 老色鬼久久亚洲AV综合| 日韩国产精品亚洲а∨天堂免| 国产精品免费精品自在线观看| 亚洲自偷自偷精品| 四虎国产成人永久精品免费| 国产成人精品日本亚洲网站| 国产午夜精品免费一区二区三区| 亚洲av永久无码精品秋霞电影影院| 久久免费高清视频| 亚洲avav天堂av在线不卡| 99re免费在线视频| 亚洲国产精品成人精品软件 | 综合亚洲伊人午夜网 | 久久99精品国产免费观看| 亚洲精选在线观看| 免费下载成人电影| 亚洲а∨天堂久久精品9966| 日本黄页网站免费| 国产97视频人人做人人爱免费| 亚洲国产精品久久久天堂| 91免费国产精品| 亚洲欧美国产欧美色欲| 久久精品国产亚洲av四虎| 99在线观看免费视频| 亚洲一区二区三区不卡在线播放| 免费看AV毛片一区二区三区| 无人视频免费观看免费视频 | 久99久精品免费视频热77| 久久久久亚洲AV无码永不| 成年人网站在线免费观看| 亚洲AV无码久久精品成人| 手机看黄av免费网址| 国产亚洲精品免费| 亚洲福利在线视频| 免费高清在线爱做视频| 最近国语视频在线观看免费播放| 亚洲三级视频在线观看| 久久国产成人精品国产成人亚洲 | 久久久久亚洲av毛片大| 国产电影午夜成年免费视频|