一个靠左的隐藏菜单风格
2008-05-01 06:21
316 查看
<!-- This script has been in the http://www.javascripts.com javascript Public Library! -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<---Must place in exact areas---->
<head>
<script language="javascript1.2">
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
..hl {
Background-Color : yellow;
Cursor:n-resize;
}
..n {
Cursor:n-resize;
}
-->
</style>
<body>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">
<script language="javascript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="javascript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="javascript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="Link1";
text[1]="link2";
text[2]="link3";
text[3]="link4";
text[4]="link5";
text[5]="link6";
text[6]="link7";
text[7]="link8";
thelink[0]="http://link1";
thelink[1]="http://link2";
thelink[2]="http://link3";
thelink[3]="http://link4";
thelink[4]="http://link5";
thelink[5]="http://link6";
thelink[6]="http://link7";
thelink[7]="http://link8";
//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget=''
///DO NOT EDIT BELOW THIS LINE////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=/'hl/'" onmouseout="className=/'n/'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=/'yellow/'" onmouseout="this.bgColor=/'white/'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="javascript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
<center>
Scroll down the screen
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
Amazing eaaa?
<!-- Simba says Roar. -->
<!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. -->
<---Must place in exact areas---->
<head>
<script language="javascript1.2">
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
..hl {
Background-Color : yellow;
Cursor:n-resize;
}
..n {
Cursor:n-resize;
}
-->
</style>
<body>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">
<script language="javascript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="javascript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="javascript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="Link1";
text[1]="link2";
text[2]="link3";
text[3]="link4";
text[4]="link5";
text[5]="link6";
text[6]="link7";
text[7]="link8";
thelink[0]="http://link1";
thelink[1]="http://link2";
thelink[2]="http://link3";
thelink[3]="http://link4";
thelink[4]="http://link5";
thelink[5]="http://link6";
thelink[6]="http://link7";
thelink[7]="http://link8";
//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget=''
///DO NOT EDIT BELOW THIS LINE////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=/'hl/'" onmouseout="className=/'n/'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=/'yellow/'" onmouseout="this.bgColor=/'white/'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="javascript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
<center>
Scroll down the screen
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
=<br>
Amazing eaaa?
<!-- Simba says Roar. -->
相关文章推荐
- 写了一个类似window风格的菜单,套用起来很方便.
- jqury 实现点击一个菜单,其他展开的子菜单隐藏
- 一个方便的停靠在左边的隐藏菜单(css实现)
- 用css3实现一个苹果风格的导航菜单
- 利用jQuery 实现一个简单的侧边菜单隐藏显示功能
- 一个左边停靠且可以展开和隐藏的菜单【Jquery插件】
- 一个隐藏的菜单完全采用CSS
- 鼠标移入显示一个菜单列表 移出隐藏
- Android上实现各种风格的隐藏菜单,比如左右滑动菜单、上下滑动显示隐藏菜单
- 用html语言写一个隐藏二级菜单的菜单栏
- android一个向上滑动显示菜单,向下滑动隐藏菜单实现
- 多个DIV,显示一个,隐藏其他全部的实现方法
- 【每天一个JQuery特效】淡入淡出显示或隐藏窗口(1)
- 关于Scroller的使用以及自己实现一个侧滑菜单
- 创建一个忽略 重复值的索引 SQLserver 中隐藏的存储过程
- 【每天一个JQuery特效】(demo6)在指定的时间内完成元素的显示或隐藏
- 给自己的电脑做一个O盘 -隐藏自己私密的东西
- AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(菜单篇)
- 从菜单中打开一个新的Form
- 一个Delphi的资源编辑器(支持SDK菜单资源编辑)