|
网站首页
|
文章中心
|
电子书下载
|
矢量图库
|
视频教程
|
素材下载
|
程序代码下载
|
JS代码
|
论坛
|
教程
热门导航
:
QQ
FLASH
PHOTOSHOP
POCO
迅雷
MSN
ASP.NET
PHP
E话通
ACDSEE
pplive
卡巴斯基
瑞星杀毒
winrar
暴风影音
realplayer
优化大师
网际快车
变速齿轮
电子书
分类导航
:
网络编程
网站设计
图形动画
阅读工具
多媒体类
数据库类
服务器类
应用程序
操作系统
网络配置
常用软件
电脑硬件
视频
热门导航
:
VC
VB
PHOTOSHOP
autocad
delphi
asp
asp.net
php
flash
OFFICE
CORELDRAW
FIREWORKS
3DSMAX
您当前位置:您现在的位置:
龙腾软件教程网
>>
JS代码
>>
页面导航类
>> 代码正文
页面左边滑出导航菜单
作者:佚名 代码来源:网络 点击数: 更新时间:2006-11-28
页面左边滑出导航菜单
加入如下代码到body区域
<style> <!-- #ssm2 A { color:black; text-decoration:none; font-size:12; font-family:verdana; } #ssm2 A:hover { color:red; } --> </style> <script language="JavaScript1.2"> 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="欢迎光临" 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="JavaScript1.2"> 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>')} addItem("按钮特效", "http://www.toto369.net/antx/antx.htm", ""); addItem("窗口特效", "http://www.toto369.net/cktx/cktx.htm", ""); addHdr('友情链接'); addItem("特效千寻", "http://www.toto369.net", "target=_blank"); addItem("紫荻文学视界", "http://www.zizd.com/cgi-bin/leobbs.cgi", "target=_blank"); 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>
上一个代码: 没有了
下一个代码:
显示站点信息的JS导航代码
相关
代码
图片代替按钮脚本
滚动链接导航JS脚本
重要信息说明脚本
目录式导航菜单
友情链接导航框
信息框显示链接
文本静止不动
静止图片脚本
下拉式导航菜单
动态导航脚本
网友评论
最新教程
Photoshop制作爆炸的飞机
Excel 2007实现双面打印的两种另
PPStream精彩画面随心调整
3DSMAX制作星云动画
3DS MAX打造奇幻的宇宙空间
迅雷断点续传来修复破损光盘
Flash常用AS脚本语法详解
Photoshop制作图片透明棋盘特效
搜狗解密拼音输入法8大妙用
优化系统驱逐Windows系统流氓文件
推荐教程
了解VC++消息映射与命令通知
家庭局域网组建的三种方式
推荐视频
推荐电子书
热门教程
了解VC++消息映射与命令通知
家庭局域网组建的三种方式
{
设为首页
|
加入收藏
|
联系站长
|
友情链接
|
版权申明
版权所有2006-2008 龙腾教程网
联系方法:QQ 654611010 网站备案:浙