網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導(dǎo)航特效代碼>

拖動菜單_菜單導(dǎo)航特效

拖動菜單,您可以先修改部分代碼再運(yùn)行.

<html>

<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<style>
<!--
body{background-color:#ffffff;
     margin-top:0px;
     margin-left:0px;
     font-size:12px;
     font-family:宋體;
   color:#996699;
     line-height:18px;
     }
  
.nmodiv{position:absolute;
        left:3px;
        top:100;
        width:135px;
        height:600px;
        border:#996699 1px solid;
        z-index:1}
.bmodiv{position:absolute;
        left:-198px;
        top:-20px;
        width:185px;
        background-color:#EEFFBB;
        border:#996699 1px solid;
        padding:15 15 15 20;
        line-height:21px;
        z-index:3;
        }
.modiv{position:relative;
       left:11px;top:145px;
       width:164px;
       height:20px;
       background-color:#ffffff;
       border:#996699 1px solid;
       padding:3 5 0 20;
       margin-bottom:12px;
       z-index:3;
       }  
.heads1{color:#cc0066;cursor:hand}

/*.modiv{behavior:url(smm.htc)}*/
-->
</style>

var zz=0
function find(obj){
zz=obj
x=document.body.scrollLeft+event.clientX-zz.style.pixelLeft
zz.setCapture();
}
function moves(){
  if(zz==0)return false;
  else{
    if(document.body.scrollLeft+event.clientX-x>365){
      zz.style.pixelLeft=365
    }
    else if(document.body.scrollLeft+event.clientX-x<11){
      zz.style.pixelLeft=11
    }
    else{
      zz.style.pixelLeft=document.body.scrollLeft+event.clientX-x
    }
  }
}//控制拖動的層

function nomoves(){
var ason = new Array()
ason[0]='n01'
ason[1]='n02'
ason[2]='n03'
ason[3]='n04'
ason[4]='n05'
ason[5]='n06'
ason[6]='n07'
ason[7]='n08'
ason[8]='n09'
ason[9]='n10'
ason[10]='n11'
ason[11]='n12'
ason[12]='n13'
ason[13]='b01'
ason[14]='b02'
ason[15]='b03'
ason[16]='b04'
ason[17]='b05'
ason[18]='b06'
ason[19]='b07'
ason[20]='b08'
ason[21]='b09'
ason[22]='b10'
ason[23]='b11'
for(z=0;z<ason.length;z++){
  eval(ason[z]).style.pixelLeft=11
  }
}//控制被拖動的層

function allm(obj){
if(obj.style.pixelLeft<0){
gall.style.pixelLeft=-540
ball.style.pixelLeft=-540
obj.style.pixelLeft=0
}
}//塊區(qū)的轉(zhuǎn)換控制

function tover(obj){
obj.style.backgroundColor='#EEFFBB'
}
function tout(obj){
obj.style.backgroundColor='#FFFFFF'
}//背景控制

</script>

<title>ss－www.51windows.Net</title>
</head>

<body>

<div   id="tb7rbjz"   class="modiv" id="n01" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()" 
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="ztxvfnd"    class="heads1">孫燕姿 [ 16 首 ]</span>   
<div  class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Leave me alone<br>
02. 愛情證書<br>
03. 愛情字典<br>
04. 不是真的愛我<br>
05. 超快感<br>
06. 乘著風(fēng)<br>
07. 風(fēng)箏<br>
08. 開始懂了<br>
09. 零缺點(diǎn)<br>
10. 綠光<br>
11. 任性<br>
12. 隨堂測驗(yàn)<br>
13. 逃亡<br>
14. 天黑黑<br>
15. 我是我<br>
16. 我要的幸福<br>
</div>
</div>

<div   id="5ll5pvh"   class="modiv" id="n02"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()" 
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="zjjrlpt"    class="heads1">蔡依林 [ 07 首 ]</span>
<div   id="t5zdlnb"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Because of you<br>
02. Don't Stop<br>
03. Lucky Number<br>
04. 愛上了一條街<br>
05. 感覺你的存在<br>
06. 如過不想要<br>
07. 我知道你很難過<br>
</div>
</div>

<div   id="57dnvbp"   class="modiv" id="n03" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="nv7x5ld"    class="heads1">候湘婷 [ 18 首 ]</span>
<div   id="lhd5xxb"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 曖昧<br>
02. 都是真的<br>
03. 風(fēng)曉得<br>
04. 好想遇見愛情<br>
05. 黑眼圈<br>
06. 冷戰(zhàn)<br>
07. 兩個冬天<br>
08. 沒有愛過<br>
09. 你愛我嗎<br>
10. 秋天別來<br>
11. 秋天以后的故事<br>
12. 為你流的淚<br>
13. 我不<br>
14. 我是一只魚<br>
15. 我要看熱鬧<br>
16. 心想飛<br>
17. 一起去巴黎<br>
18. 原來是你<br>
</div>
</div>

<div   id="bt5rbvb"   class="modiv" id="n04" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="nhjvlxx"    class="heads1">那　英 [ 08 首 ]</span>
<div   id="xpln5l5"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 不管有多苦<br>
02. 出賣<br>
03. 夢醒了<br>
04. 夢一場<br>
05. 我不是天使<br>
06. 心酸的浪漫<br>
07. 一笑而過<br>
08. 愿賭服輸<br>
</div>
</div>

<div   id="tdl7555"   class="modiv" id="n05"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="dvh5vpr"    class="heads1">王　菲 [ 07 首 ]</span>
<div   id="hdlhjzt"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 給自己的情書<br>
02. 光之翼<br>
03. 紅豆<br>
04. 流年<br>
05. 香奈兒<br>
06. 笑忘書<br>
07. 執(zhí)迷不悔<br>
</div>
</div>

<div   id="lv5rr55"   class="modiv" id="n06"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="xdr7tjn"    class="heads1">劉若英 [ 09 首 ]</span>
<div   id="5fzlxhf"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">    
01. 成全<br>
02. 到處亂走<br>
03. 對面男生的房間<br>
04. 很愛很愛你<br>
05. 后來<br>
06. 決定<br>
07. 年華<br>
08. 收獲<br>
09. 為愛癡狂<br>
</div>
</div>

<div   id="v53v75f"   class="modiv" id="n07" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="txntfzd"    class="heads1">陳慧琳 [ 09 首 ]</span>
<div   id="rjvhvn7"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 不如跳舞<br>
02. 飛吧<br>
03. 花花宇宙<br>
04. 記事本<br>
05. 情不自禁<br>
06. 三秒鐘<br>
07. 數(shù)到三就不哭<br>
08. 隨身聽<br>
09. 星期五檔案<br>
</div>
</div>

<div   id="xdlvh73"   class="modiv" id="n08" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="n575prr"    class="heads1">梁靜茹 [ 04 首 ]</span>    
<div   id="ltz5lhz"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛你不是兩三天<br>
02. 如果有一天<br>
03. 閃亮的星<br>
04. 勇氣<br>
</div>
</div>

<div   id="d5nbv5d"   class="modiv" id="n09" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="5rpzntx"    class="heads1">Ru　Ru [ 05 首 ]</span>
<div   id="zrdrfbt"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛上了<br>
02. 美麗心情<br>
03. 一點(diǎn)點(diǎn)力量<br>
04. 有時候沒時候<br>
05. 真好！我要的愛情<br>
</div>
</div>

<div   id="l5fvjt5"   class="modiv" id="n10" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="bxddpld"    class="heads1">粱詠琪 [ 18 首 ]</span>
<div   id="7pbd5t5"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Amour<br>
02. G For Girl<br>
03. Kiss me<br>
04. suddenly,this Summer<br>
05. 膽小鬼<br>
06. 短發(fā)<br>
07. 花火<br>
08. 簡單生活<br>
09. 全年無休<br>
10. 如果不是愛上你<br>
11. 他喜歡的是你<br>
12. 天使與海豚<br>
13. 凹凸<br>
14. 許愿<br>
15. 煙霧彌漫<br>
16. 有時侯<br>
17. 中意他<br>
18. 走出地平線<br>
</div>
</div>

<div   id="l5n5tvh"   class="modiv" id="n11"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="nbn5vpt"    class="heads1">蕭亞軒 [ 14 首 ]</span>
<div   id="nrjftnv"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Cappuccino<br>
02. Let It Go<br>
03. Lonely<br>
04. Never Look Back<br>
05. Remember<br>
06. 窗外的天氣<br>
07. 明天<br>
08. 薔薇<br>
09. 上鉤了<br>
10. 甩了甩了<br>
11. 突然想起你<br>
12. 一個人的精彩<br>
13. 準(zhǔn)備好了沒有<br>
14. 最熟悉的陌生人<br>
</div>
</div>

<div   id="pxvrr5r"   class="modiv" id="n12" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="p5lblfv"    class="heads1">鄭秀文 [ 13 首 ]</span>
<div   id="tbj7vrh"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 本能承受的感動<br>
02. 獨(dú)家試唱<br>
03. 感情線上<br>
04. 眉飛色舞<br>
05. 你這個男人<br>
06. 如何掉眼淚<br>
07. 煞科<br>
08. 天衣無縫<br>
09. 完整<br>
10. 螢光粉紅<br>
11. 值得<br>
12. 至理名言<br>
13. 終身美麗<br>
</div>
</div>

<div   id="5t5hrtn"   class="modiv" id="n13" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="v5nztdt"    class="heads1">林憶蓮 [ 12 首 ]</span> 
<div   id="vpzlrv5"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Better Man<br>
02. 存在<br>
03. 飛的理由<br>
04. 寂寞流形群<br>
05. 鏗鏘玫瑰<br>
06. 理由<br>
07. 默讀傷悲<br>
08. 傷痕<br>
09. 我坐在這里<br>
10. 相見不如懷念<br>
11. 野風(fēng)<br>
12. 至少還有你<br>
12. 男人哭不卡不不是最<br>
</div>
</div>
</span>

<span id="ball" style="position:absolute;left:-540px;z-index:2">
<div   id="jf5b5hf"   class="modiv" id="b01" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()" 
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="zvfp5jr"    class="heads1">杜德偉 [ 19 首 ]</span>   
<div  class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. I believe<br>
02. Sexbaby<br>
03. 愛你的全部<br>
04. 把你藏起來<br>
05. 把你寵壞<br>
06. 別擔(dān)心<br>
07. 彩虹<br>
08. 跟著我一輩子<br>
09. 救我<br>
10. 跑遠(yuǎn)<br>
11. 情人<br>
12. 束縛<br>
13. 天真<br>
14. 忘了他<br>
15. 無心傷害<br>
16. 像自在的風(fēng)<br>
17. 眼神<br>
18. 只想念著你<br>
19. 做我的情人<p><p>
</div>
</div>

<div   id="zfb5zpv"   class="modiv" id="b02"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()" 
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="bnhrdr5"    class="heads1">張信哲 [ 19 首 ]</span>
<div   id="zf5hd5b"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. GoodBey Yesterday<br>
02. 愛不留<br>
03. 愛就一個字<br>
04. 愛情的余味<br>
05. 愛如潮水<br>
06. 別怕我傷心<br>
07. 不要對他說<br>
08. 不做你的愛人<br>
09. 等風(fēng)的旗<br>
10. 過火<br>
11. 寬容<br>
12. 難以抗拒你容顏<br>
13. 太想愛你<br>
14. 我是真的愛你<br>
15. 信仰<br>
16. 用情<br>
17. 有一點(diǎn)動心<br>
18. 找鑰匙<br>
19. 直覺<p><p>
</div>
</div>

<div   id="j5vrv7t"   class="modiv" id="b03" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="fdp5n5f"    class="heads1">劉德華 [ 11 首 ]</span>
<div   id="57rbpzp"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛情新活力<br>
02. 苯小孩<br>
03. 冰雨<br>
04. 男朋友<br>
05. 男人哭吧哭吧不是罪<br>
06. 說話的啞巴<br>
07. 天意<br>
08. 忘情誰<br>
09. 相思成災(zāi)<br>
10. 心藍(lán)<br>
11. 真永遠(yuǎn)<p><p>
</div>
</div>

<div   id="5rp55dv"   class="modiv" id="b04" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="5trtd5r"    class="heads1">郭富城 [ 13 首 ]</span>
<div   id="5pz7vdj"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. Para Para Sakura<br>
02. 愛定你<br>
03. 唱這歌<br>
04. 動起來<br>
05. 風(fēng)里密碼<br>
06. 活的好<br>
07. 狂野之城<br>
08. 旅途<br>
09. 天涯凝望<br>
10. 鐵幕誘惑<br>
11. 我是不是該安靜的走開<br>
12. 無忌未來<br>
13. 爭氣<p><p>
</div>
</div>

<div   id="rzv7tx5"   class="modiv" id="b05"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="7rhh755"    class="heads1">張學(xué)友 [ 08 首 ]</span>
<div   id="7jdfrxn"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 當(dāng)我想起你<br>
02. 等你回來<br>
03. 你好毒<br>
04. 如果這都不算愛<br>
05. 天氣那么熱<br>
06. 忘記你我做不到<br>
07. 心如刀割<br>
08. 一千個傷心的理由<p><p>
</div>
</div>

<div   id="9ftf5lr"   class="modiv" id="b06"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="xrlxtnp"    class="heads1">黎　明 [ 04 首 ]</span>
<div   id="9nrbjf5"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">    
01. Happy2000<br>
02. 愛天愛地<br>
03. 全日愛<br>
04. 重愛輕友<p><p>
</div>
</div>

<div   id="btpvhvj"   class="modiv" id="b07" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="tpxjhrv"    class="heads1">謝霆鋒 [ 19 首 ]</span>
<div   id="xpxzjnh"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 281公里<br>
02. Sense<br>
03. 愛上了你<br>
04. 不耐煩<br>
05. 夠了沒有<br>
06. 活著VIVA<br>
07. 今生共相伴<br>
08. 你不會了解<br>
09. 前前后后左左右右<br>
10. 潛龍勿用<br>
11. 誰哭了<br>
12. 我們這里還有魚<br>
13. 無聲仿有聲<br>
14. 香水<br>
15. 謝謝你的愛1999<br>
16. 一擊即中<br>
17. 因?yàn)閻鬯詯?br>
18. 游樂場<br>
19. 玉蝴蝶<p><p>
</div>
</div>

<div   id="fznpd5n"   class="modiv" id="b08" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="5vf5zpz"    class="heads1">游鴻明 [ 04 首 ]</span>    
<div   id="nlxlxdh"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛我的人很我愛的人<br>
02. 地下鐵<br>
03. 五月的雪<br>
04. 下沙<br>
05. 一天一萬年<p><p>
</div>
</div>

<div   id="5dztv5x"   class="modiv" id="b09" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="5dnbbfz"    class="heads1">任賢齊 [ 22 首 ]</span>
<div   id="tbvtl5r"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛很瘋<br>
02. 不單愛你這些<br>
03. 不要變<br>
04. 春天花會開<br>
05. 對面的女孩看過來<br>
06. 飛鳥<br>
07. 風(fēng)暴<br>
08. 給你幸福<br>
08. 花太香<br>
10. 橘子香水<br>
11. 浪花一朵朵<br>
12. 流著淚的你的眼<br>
13. 任逍遙<br>
14. 傷心太平洋<br>
15. 水晶<br>
16. 天使也一樣<br>
17. 天涯<br>
18. 小雪<br>
19. 心情車站<br>
20. 心太軟<br>
21. 拯救心田<br>
22. 燭光<p><p>
</div>
</div>

<div   id="zh753lp"   class="modiv" id="b10" 
onMouseOver="tover(this)"
onMouseOut="tout(this)"
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="h5dfdz5"    class="heads1">蘇永康 [ 07 首 ]</span>
<div   id="dtt5pnt"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛似狂潮<br>
02. 愛一個人好難<br>
03. 男人不該讓女人流淚<br>
04. 相遇太早<br>
05. 幸福離我們很靜<br>
06. 意猶未盡<br>
07. 越吻越傷心<p><p>
</div>
</div>

<div   id="nlx5lfp"   class="modiv" id="b11"
onMouseOver="tover(this)"
onMouseOut="tout(this)" 
    onMouseMove="moves()"
    onMouseUp="this.releaseCapture();zz=0;tout(this)" 
    onMouseDown="find(this);nomoves()">
<span id="7dd57nr"    class="heads1">周杰倫 [ 12 首 ]</span>
<div   id="fjj5pvd"   class="bmodiv" onMouseOver="mopopo()" onMouseDown="mopopo()">
01. 愛在西元前<br>
02. 安靜<br>
03. 爸！我回來了<br>
04. 斗牛<br>
05. 黑色幽默<br>
06. 簡單愛<br>
07. 可愛女人<br>
08. 龍卷風(fēng)<br>
09. 娘子<br>
10. 完美主義<br>
11. 威廉古堡<br>
12. 星晴<p><p>
</div>
</div>
</span>

所屬頻道：菜單導(dǎo)航特效/更新時間：2010-05-23

[收藏][報(bào)錯][返回列表]

相關(guān)菜單導(dǎo)航特效：

拖動菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些