www.51js.com里..搜索一下...N多...显示隐藏frames
解决方案 »
- 求高手指点!!!
- 怎么这样在iframe打开地址
- 请教:从两个数组中找出不相同,同时要区分出是从那个数组中取出的好点算法。
- 如何在执行一个函数时候,停止另一函数运行
- ■■■用settimeout 定时执行了一个函数,如何使它停止
- 急!急!!急!!!我使用window.open打开一个项目的窗口,在新的窗口中取不到window.opener......
- 如何用replace和正则表达式把 html语句中的 name=dm1 转换成 name=dm12 的形式? 急急急
- 怎样把自己写的自定义对象给包含到自己的文件中啊?
- 求救:关于复选框是否被选中问题
- jsp中SELECT的问题,求帮忙,谢谢。。
- (在线等)如何获取execcommand('insertimage',true,'')中得到的图片路径呀?
- 用JS禁止输入空格,特简单,麻烦了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0032)http://www.ie-zone.com/index.php -->
<HTML><!-- #BeginTemplate "/Templates/JsExample.dwt" --><HEAD>
<!-- #BeginEditable "doctitle" -->
<TITLE>滑动的导航条之三</TITLE>
<!-- #EndEditable -->
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../fav.ico" rel="shortcut icon">
<STYLE type=text/css>BODY {
MARGIN: 25px 25px 25px
}
#all TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
INPUT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
SELECT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
P {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
TEXTAREA {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}#all A:active {
COLOR: #7d070c
}
#all A:visited {
COLOR: #7d070c
}#all A:hover {
COLOR: #336699
}
#all A:link {
COLOR: #7d070c
}
</STYLE><SCRIPT language=JavaScript>
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function JM_cc(ob){
ob.select();js=ob.createTextRange();js.execCommand("Copy");
}
//-->
</SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD>
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#ffffff>
<TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD>
<TD width="100%"></TD>
<TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD>
</TR>
</TABLE>
<!-- #BeginEditable "Example%20and%20Sources" -->
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#ffffff>
<TD><IMG src="../images/space.gif" width=11 height="1"></TD>
<TD width="100%">
<table width="100%" border="0" cellpadding="8">
<tr>
<td align="center"><!-- #BeginLibraryItem "/Library/js_title.lbi" --><script language="JavaScript">
document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");
</script><!-- #EndLibraryItem --></td>
</tr>
<tr>
<td bgcolor="#f7f7f7"> 提示:看不看到左方很Cool的导航条?
<style>
<!--/*
Maximus' Slide-In Menu (By Maximus at http://absolutegb.com/maximus/)
Submitted and featured on Dynamicdrive.com
For full source, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/#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="Main Index"
menuWidth=150; // Must be a multiple of 5!
staticMode="advanced"
barBGColor="#1298fd";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barText="MENU";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>')}//Only edit the script between HEREaddItem('Dynamic Drive', 'http://www.dynamicdrive.com', '');
addItem('What\'s New', 'http://www.dynamicdrive.com/new.htm', '');
addItem('What\'s Hot', 'http://www.dynamicdrive.com/hot.htm', '');
addItem('Forum', 'http://wsabstract.com/cgi-bin/Ultimate.cgi', '');
addItem('FAQs', 'http://www.dynamicdrive.com/faqs.htm', '');
addItem('Submit', 'http://www.dynamicdrive.com/submitscript.htm', '');
addHdr('External Links');
addItem('Website Abstraction', 'http://wsabstract.com', '_blank');
addItem('Freewarejava', 'http://freewarejava.com', '_blank');
addItem('DHTML Zone', 'http://www.dhtml-zone.com/', '_blank');
addItem('Active-X.com', 'http://www.active-x.com', '_blank');
addItem('Web Review', 'http://www.webreview.com', '_blank');
addItem('David\'s Website', 'http://www.david-thurston.co.uk', '_blank');
// and HERE! No more!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 language="JavaScript">
window.onload=init
</script>
</td>
</tr>
<tr>
<td>
<p>1.将下面的代码复制到 <body>
<input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc(js_1)>
<br>
<textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><style>
<!--/*
Maximus' Slide-In Menu (By Maximus at http://absolutegb.com/maximus/)
Submitted and featured on Dynamicdrive.com
For full source, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/#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="Main Index"
menuWidth=150; // Must be a multiple of 5!
staticMode="advanced"
barBGColor="#1298fd";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barText="MENU";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>')}//Only edit the script between HEREaddItem('Dynamic Drive', 'http://www.dynamicdrive.com', '');
addItem('What\'s New', 'http://www.dynamicdrive.com/new.htm', '');
addItem('What\'s Hot', 'http://www.dynamicdrive.com/hot.htm', '');
addItem('Forum', 'http://wsabstract.com/cgi-bin/Ultimate.cgi', '');
addItem('FAQs', 'http://www.dynamicdrive.com/faqs.htm', '');
addItem('Submit', 'http://www.dynamicdrive.com/submitscript.htm', '');
addHdr('External Links');
addItem('Website Abstraction', 'http://wsabstract.com', '_blank');
addItem('Freewarejava', 'http://freewarejava.com', '_blank');
addItem('DHTML Zone', 'http://www.dhtml-zone.com/', '_blank');
addItem('Active-X.com', 'http://www.active-x.com', '_blank');
addItem('Web Review', 'http://www.webreview.com', '_blank');
addItem('David\'s Website', 'http://www.david-thurston.co.uk', '_blank');
// and HERE! No more!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></textarea>
<br>
<br>
2.配置你的导航条 下面这段配置导航条内容<br>
addItem('Dynamic Drive', 'http://www.dynamicdrive.com', '');<br>
addItem('What\'s New', 'http://www.dynamicdrive.com/new.htm', '');<br>
addItem('What\'s Hot', 'http://www.dynamicdrive.com/hot.htm', '');<br>
addItem('Forum', 'http://wsabstract.com/cgi-bin/Ultimate.cgi', '');<br>
addItem('FAQs', 'http://www.dynamicdrive.com/faqs.htm', '');<br>
addItem('Submit', 'http://www.dynamicdrive.com/submitscript.htm',
'');<br>
addHdr('External Links');<br>
addItem('Website Abstraction', 'http://wsabstract.com', '_blank');<br>
addItem('Freewarejava', 'http://freewarejava.com', '_blank');<br>
addItem('DHTML Zone', 'http://www.dhtml-zone.com/', '_blank');<br>
addItem('Active-X.com', 'http://www.active-x.com', '_blank');<br>
addItem('Web Review', 'http://www.webreview.com', '_blank');<br>
addItem('David\'s Website', 'http://www.david-thurston.co.uk', '_blank');</p>
</td>
</tr>
</table>
</TD>
<TD><IMG src="../images/space.gif" width=11 height="1"></TD>
</TR>
</TABLE>
<!-- #EndEditable -->
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#ffffff>
<TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD>
<TD width="100%"></TD>
<TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD>
</TR>
</TABLE></BODY><!-- #EndTemplate --></HTML>
把以上代码连成一个htm文件运行就可以看到效果了
就是隐藏frame~~菜单放在左边的frame,动态调整frame的col属性就行了~~