链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·XP菜单
 ·右键图形菜单
 ·下拉式菜单
 ·阴影菜单
 ·阴影菜单
 ·下滑菜单
 ·很酷的菜单
 ·显示隐藏的导航菜单
 ·多颜色菜单
 ·桌面右键菜单
您当前位置:好素材首页 -> 网页特效 -> 菜单类
查看信息

边框导航菜单
好素材网 www.HaoSc.com 02月22日 11:49

[查看演示]  源码如下
----------------------------------------------------------
<!-- 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>&nbsp;'+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>&nbsp;<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. -->

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


此信息共 1 页 [1]