超酷超花俏的滑動(dòng)菜單，響應(yīng)鼠標(biāo)滑過_菜單導(dǎo)航特效

超級(jí)花俏的菜單，響應(yīng)鼠標(biāo)滑動(dòng)，類似許愿墻一樣，作者附上了豐富的注釋，方便二次修改，用到你的網(wǎng)頁上一定會(huì)很個(gè)性，不妨好好研究一下，希看你能夠喜歡。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>動(dòng)態(tài)滑動(dòng)菜單 - mb5u.com</TITLE>
<META http-equiv=Content-Type mrc="text/html; charset=gb2312">
<SCRIPT language=Jscript>
tBack=new Array(24); //記錄條數(shù)
tOut=new Array(24);
//激活當(dāng)前選項(xiàng)卡
function menuOut(whichMenu){
var curMenu=eval("menu"+whichMenu);
curMenu.runtimeStyle.zIndex=24; //主記錄條數(shù)
clearTimeout(tBack[whichMenu]);
moveOut(whichMenu);
}
//恢復(fù)初始狀態(tài)
function menuBack(whichMenu){
var curMenu=eval("menu"+whichMenu);
curMenu.runtimeStyle.zIndex=curMenu.style.zIndex;
clearTimeout(tOut[whichMenu]);
moveBack(whichMenu);
}
//移動(dòng)當(dāng)前選項(xiàng)卡
function moveOut(curNum){
var curMenu=eval("menu"+curNum);
if(curMenu.style.posLeft>0) {
curMenu.style.posLeft-=2;
tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1);
}
}
//移回選項(xiàng)卡
function moveBack(curNum){
var curMenu=eval("menu"+curNum);
if(curMenu.style.posLeft<30) {
curMenu.style.posLeft+=2;
tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1);
}
}
//鼠標(biāo)滑過期改變樣式
function swapClass(){
var o=event.srcElement;
/*http://mb5u.com*/
if(o.className=="td1") o.className="td2"
else if(o.className=="td2") o.className="td1";
}
document.onmouseover=swapClass;
document.onmouseout=swapClass;
</SCRIPT>
<style type="text/css">

</style>
</HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<DIV class=maskl id=menuPos
style="Z-INDEX: 1; LEFT: 12px; WIDTH: 162px; POSITION: absolute; TOP: 14px; HEIGHT: 261px; visibility: visible;">
<DIV id=menu0 onmouseover=menuOut(0)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 0px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(0)>
<DIV class=cardbottom id=Layer0
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A href="#" target=_blank>TXT：最簡單的文本</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="#" target=_blank>DOC：Word文檔類型</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="#" target=_blank>WPS：WPS文檔類型</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>文本類型</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu1 onmouseover=menuOut(1)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 18px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(1)>
<DIV class=cardbottom id=Layer1
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>JPG：照片壓縮格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="#" target=_blank>GIF：計(jì)算機(jī)圖形格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href/target=_blank>PNG：新一代WEB圖形</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="#" target=_blank>BMP：位圖格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>TIFF：無損圖形格式</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>圖像類型</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu2 onmouseover=menuOut(2)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 36px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(2)>
<DIV class=cardbottom id=Layer2
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>MOV：QuickTime格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>MPG：電影壓縮格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A  target=_blank>RMVB：電影壓縮格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/#" target=_blank>AVI：Windows動(dòng)畫格式</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>影像類型</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu3 onmouseover=menuOut(3)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 54px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(3)>
<DIV class=cardbottom id=Layer3
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>MP3：音樂壓縮格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A  target=_blank>WAV：波形聲音格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>MID：電子音樂格式</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>音樂類型</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu4 onmouseover=menuOut(4)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 72px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(4)>
<DIV class=cardbottom id=Layer4
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A  target=_blank>HTM：超文本格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>ASP：動(dòng)態(tài)網(wǎng)頁格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="v" target=_blank>JSP：精品網(wǎng)頁殊效</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>PHP：動(dòng)態(tài)網(wǎng)頁格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A  target=_blank>CGI：精品網(wǎng)頁殊效</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>網(wǎng)絡(luò)類型</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu5 onmouseover=menuOut(5)
style="Z-INDEX: 1; LEFT: 30px; WIDTH: 130px; POSITION: absolute; TOP: 90px; HEIGHT: 20px; visibility: visible;"
onmouseout=menuBack(5)>
<DIV class=cardbottom id=Layer5
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 130px; POSITION: absolute; TOP: 17px; HEIGHT: 115px; visibility: visible;">
<TABLE width="100%"
border=0 align=center cellPadding=2 cellSpacing=0 bgcolor="#99CCFF">
<TBODY>
<TR>
<TD class=td1 align=left> <A  target=_blank>RAR：文檔壓縮格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>ZIP：精品網(wǎng)頁殊效</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A  target=_blank>ISO：鏡像文件格式</A> </TD>
</TR>
<TR>
<TD class=td1 align=left> <A href="/" target=_blank>GHO：精品網(wǎng)頁殊效</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE cellSpacing=0 cellPadding=0 width=130 border=0>
<TBODY>
<TR>
<TD width=14 height=18><IMG height=18
src="stang.gif" width=14></TD>
<TD class=cardtitle vAlign=bottom width=116 bgColor=#99ccff
height=14>壓縮類型</TD></TR></TBODY></TABLE></DIV>
</DIV>
</BODY>
</HTML>

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

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

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

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

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

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索超酷超花俏的滑動(dòng)菜單，響應(yīng)鼠標(biāo)滑過
特效說明：
菜單導(dǎo)航模板-超酷超花俏的滑動(dòng)菜單，響應(yīng)鼠標(biāo)滑過。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

超酷超花俏的滑動(dòng)菜單，響應(yīng)鼠標(biāo)滑過_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些

超酷超花俏的滑動(dòng)菜單，響應(yīng)鼠標(biāo)滑過_菜單導(dǎo)航特效