滑出式菜单菜单导航__脚本特效_后台技术飞飞Asp技术乐园

＞设为首页

＞收藏本站

＞最新电影

首页运营资讯今日英语图形图像计算机技术 Asp编程网站结构化资源共享休闲娱乐访问新站

您现在的位置：首页=>后台技术=>脚本特效=>菜单导航

订阅本栏目

滑出式菜单

时间： 2007-10-03 18:58:46　阅读次数：1818

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|www.ffasp.com 飞飞Asp乐园|---滑出式菜单</title>
<style>
<!--
#ssm2 A {
	color:black;
	text-decoration:none; 
	font-size:12;
	font-family:verdana;
	}

#ssm2 A:hover {
	color:red;
	 }

-->
</style>
</head>

<body>

<script language="JavaScript"> 
 
function MM_displayStatusMsg(msgStr) {  
  status=msgStr; 
  document.MM_returnValue = true; 
} 
 
function highlight(x){ 
document.forms[x].elements[0].focus() 
document.forms[x].elements[0].select() 
} 
 
function MM_jumpMenu(targ,selObj,restore){  
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
  if (restore) selObj.selectedIndex=0; 
} 
 
var NS 
IE=document.all; 
NS=document.layers; 
 
 
hdrFontFamily="Verdana"; 
hdrFontSize="2"; 
hdrFontColor="white"; 
hdrBGColor="#666666"; 
linkFontFamily="Verdana"; 
linkFontSize="2"; 
linkBGColor="white"; 
linkOverBGColor="#CCCCCC"; 
linkTarget="_top"; 
YOffset=60; 
staticYOffset=20; 
menuBGColor="black"; 
menuIsStatic="no"; 
menuHeader="大类菜单1" 
menuWidth=150; // Must be a multiple of 5! 
staticMode="advanced" 
barBGColor="#1298fd"; 
barFontFamily="Verdana"; 
barFontSize="2"; 
barFontColor="white"; 
barText="滑出式菜单"; 
 
function moveOut() { 
if (window.cancel) { 
  cancel=""; 
} 
 
if (window.moving2) { 
  clearTimeout(moving2); 
  moving2=""; 
} 
if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) { 
  if (IE) {ssm2.style.pixelLeft += (5%menuWidth); 
} 
if (NS) { 
  document.ssm2.left += (5%menuWidth); 
} 
 
moving1 = setTimeout('moveOut()', 5) 
} 
else { 
  clearTimeout(moving1) 
  } 
}; 
 
function moveBack() { 
  cancel = moveBack1() 
} 
function moveBack1() { 
  if (window.moving1) { 
    clearTimeout(moving1) 
} 
 
if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) { 
  if (IE) {ssm2.style.pixelLeft -= (5%menuWidth); 
} 
if (NS) { 
  document.ssm2.left -= (5%menuWidth); 
} 
moving2 = setTimeout('moveBack1()', 5)} 
  else { 
    clearTimeout(moving2) 
  } 
}; 
 
lastY = 0; 
function makeStatic(mode) { 
if (IE) {winY = document.body.scrollTop;var NM=ssm2.style 
} 
if (NS) {winY = window.pageYOffset;var NM=document.ssm2 
} 
if (mode=="smooth") { 
  if ((IE||NS) && winY!=lastY) { 
    smooth = .2 * (winY - lastY); 
      if(smooth > 0) smooth = Math.ceil(smooth); 
    else smooth = Math.floor(smooth); 
      if (IE) NM.pixelTop+=smooth; 
        if (NS) NM.top+=smooth; 
      lastY = lastY+smooth; 
} 
setTimeout('makeStatic("smooth")', 1) 
} 
 
else if (mode=="advanced") { 
  if ((IE||NS) && winY>YOffset-staticYOffset) { 
    if (IE) {NM.pixelTop=winY+staticYOffset 
  } 
if (NS) {NM.top=winY+staticYOffset 
  } 
} 
else { 
if (IE) {NM.pixelTop=YOffset 
} 
 if (NS) {NM.top=YOffset-7 
 } 
} 
setTimeout('makeStatic("advanced")', 1) 
 } 
} 
 
function init() { 
if (IE) { 
ssm2.style.pixelLeft = -menuWidth; 
ssm2.style.visibility = "visible" 
} 
else if (NS) { 
document.ssm2.left = -menuWidth; 
document.ssm2.visibility = "show" 
} 
else { 
alert('Choose either the "smooth" or "advanced" static modes!') 
} 
} 
 
 
function MM_displayStatusMsg(msgStr) {  
  status=msgStr; 
  document.MM_returnValue = true; 
} 
</script>
 
<script language="JavaScript"> 
if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')} 
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')} 
tempBar="" 
for (i=0;i<barText.length;i++) { 
tempBar+=barText.substring(i, i+1)+"<BR>"} 
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>') 
function addItem(text, link, target) { 
if (!target) {target=linkTarget} 
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')} 
function addHdr(text) { 
document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')} 
 
//Only edit the script between HERE 
 
addItem('   小类菜单1', '#', '_blank'); 
addItem('   小类菜单2', '#', '_blank'); 
addItem('   小类菜单3', '#', '_blank'); 
addItem('   小类菜单4', '#', '_blank'); 
addItem('   小类菜单5', '#', '_blank'); 
addItem('   小类菜单6', '#', '_blank'); 
addHdr('大类菜单2'); 
addItem('   小类菜单1', '#', '_blank'); 
addItem('   小类菜单2', '#', '_blank'); 
addItem('   小类菜单3', '#', '_blank'); 
addItem('   小类菜单4', '#', '_blank'); 
addItem('   小类菜单5', '#', '_blank'); 
addItem('   小类菜单6', '#', '_blank'); 
 
 
// and HERE! No more! 
 
document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>') 
if (IE) {document.write('</DIV>')} 
if (NS) {document.write('</LAYER>')} 
if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);} 
 
</script> 
<script> 
window.onload=init 
</script> 
 
</body> 
</html>

提示：您可以先修改部分代码再运行

下一篇超级酷的鼠标右键多级菜单

上一篇可以拖动的菜单

本栏目最新

栏目最新列表

使用jquery实现的简单下拉菜单（下拉框）效

简单的下拉菜单效果

div+css能在ie7/ie7/Firefox下运行的菜单导

同一个页面可以多次使用的选项卡

非常酷的菜单管理效果

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript

width=

伟哥博客西安房产 123最新电影三四六四

关于站点 | 免责声明 | 联系站长 | 网站地图 | 陕ICP备07002804号 WEB技术QQ交流群：72840059

©2007 ffasp.com. 版权所有