📄 推拉门式菜单.txt
字号:
推拉门式菜单：
先把下列代码复制到<head></head>之间：
<STYLE type="text/css">
<!--
.link {
color : #000000;
text-decoration : none;
}
A.link:hover {
color : red;
}
A.link:active {
color : #000000;
text-decoration : none;
}
//-->
</STYLE>
<STYLE type="text/css">
<!--
#slidemenubar2{
position:absolute;
left:-110pt;
width:120pt;
top:100pt;
border:1.5pt solid black;
background-color:#ffffff;
layer-background-color:#ffffff;
font: 9pt/20pt "宋体";
}
body { font-size: 9pt; margin: 0pt}
#slidemenubar { position:absolute;
left:-110pt;
width:120pt;
top:100pt;
border:1.5pt black solid;
background-color:#F3F3F3;
layer-background-color:lightyellow;
font: 9pt/20pt "宋体";
}
//-->
</style>
<title>scroll menu</title>
<meta name="keywords" content="scroll menu,expand,link,scrolling,menu,navigation,navigator,菜单,展开。">
<meta name="description" content="可以随意展开的菜单，不占用页面位置。">
再把下列代码复制到<body></body>之间：
<body leftmargin="0" >
</bod<script language="JavaScript1.2">
<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//以下是菜单内容，自由设置；
sitems[0]="本 站 首 页"
sitems[1]=" 就 是 中 国"
sitems[2]=" 搜 狐"
sitems[3]=" 新 浪"
sitems[4]=" 网 易"
sitems[5]=" 中 华 网"
sitems[6]=" 炎 黄 在 线"
sitems[7]=" Email Me"
sitems[8]=" 武 汉 热 线"
//菜单项目连接
sitemlinks[0]="http://javaer.home.chinaren.com"
sitemlinks[1]="http://justchina.home.chinaren.com"
sitemlinks[2]="http://www.sohu.com"
sitemlinks[3]="http://www.sina.com"
sitemlinks[4]="http://www.netease.com"
sitemlinks[5]="http://www.china.com"
sitemlinks[6]="http://www.chinese.com"
sitemlinks[7]="mailto:wwmail@371.net"
sitemlinks[8]="http://www.wuhan.net.cn"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -