悬浮菜单问题

小弟想要一个网页靠左居中的(div) 悬浮菜单点击可以自动收缩或弹出, 要谁网页上下滚动居中.
谁有这方面的代码给小弟发一下.非常感谢!!!

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>scroll menu</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<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 {
BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: black 1.5pt solid; BORDER-LEFT: black 1.5pt solid; BORDER-RIGHT: black 1.5pt solid; BORDER-TOP: black 1.5pt solid; FONT: 9pt/20pt "宋体"; LEFT: -110pt; POSITION: absolute; TOP: 100pt; WIDTH: 120pt; layer-background-color: #ffffff
}
BODY {
FONT-SIZE: 9pt; MARGIN: 0pt
}
#slidemenubar {
BACKGROUND-COLOR: #f3f3f3; BORDER-BOTTOM: black 1.5pt solid; BORDER-LEFT: black 1.5pt solid; BORDER-RIGHT: black 1.5pt solid; BORDER-TOP: black 1.5pt solid; FONT: 9pt/20pt "宋体"; LEFT: -110pt; POSITION: absolute; TOP: 100pt; WIDTH: 120pt; layer-background-color: lightyellow
}
</STYLE><META
content="scroll menu,expand,link,scrolling,menu,navigation,navigator,菜单,展开。"
name=keywords>
<META content=可以随意展开的菜单，不占用页面位置。 name=description>
<META content="MSHTML 5.00.2314.1000" name=GENERATOR></HEAD>
<BODY bgColor=black leftMargin=0 text=#ffffff>
<P>
<SCRIPT language=JavaScript1.2>if (document.all)
document.write('<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">')
</SCRIPT>
<LAYER id=slidemenubar onmouseout=draw() onmouseover=pull()>
<SCRIPT language=JavaScript1.2>
var sitems=new Array()
var sitemlinks=new Array()//以下是菜单内容，自由设置；
sitems[0]="本站首页"
sitems[1]="最新更新"
sitems[2]="JavaApplet"
sitems[3]="特色栏目"
sitems[4]="一克教学"
sitems[5]="给我留言"
sitems[6]="下载特区"
sitems[7]="Email Me"
sitems[8]="武汉热线"//菜单项目连接
sitemlinks[0]="http://java2000.wol.com.cn"
sitemlinks[1]="http://java2000.wol.com.cn/java/navigation/newscript.htm"
sitemlinks[2]="http://java2000.wol.com.cn/java/navigation/applet/appletindex.htm"
sitemlinks[3]="../../../somegood/index.htm"
sitemlinks[4]="../../../jsschool/index.htm"
sitemlinks[5]="../../../gsbook.htm"
sitemlinks[6]="../../../perl/index.htm"
sitemlinks[7]="mailto:[email protected]"
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>
</P>
<DIV align=center>
<P> </P>
<P><FONT face="Arial, Helvetica, sans-serif" size=5><B>Scroll
Menu</B></FONT></P>
<P>下载本页看代码，关键在于层的绝对位置的设置，自己好好调调。</P>
<P>你只要改变一下连接的名称和连接即可。<FONT color=#ffffff> </FONT></P></DIV></BODY></HTML>
我想要的是div菜单里的内容我自己做,不是象上面代码表格形式一条一个链接,菜单里的内容我是从数据库读出的.