请朋友帮忙指点一下代码 - JavaScript论坛

wtz0902

等　级：新手上路
帖　子：4
专家分：0
注　册：2007-3-7

楼主

问题点数：0 回复次数：3

请朋友帮忙指点一下代码

请教高手一个问题，我想做一个左右框架来回伸缩的效果，在网上找了这段代码，大家看一下，中间部分是一个小箭头，这样做可以实现那种效果，但我想把这个小箭头改成自己制作的小图片，不知道改如何去修改这部分代码，还请高手指点下！谢谢！

<HTML>
<HEAD>
<TITLE>多框架－www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
<style>
.navPoint {
COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt
}
</style>
<SCRIPT>
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("frmTitle").style.display="none"
}
else{
switchPoint.innerText=3
document.all("frmTitle").style.display=""
}
}
</SCRIPT>
</HEAD>
<BODY bgColor=#487dd9 scroll=no style="MARGIN: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
<TBODY>
<TR>
<TD align=middle id=frmTitle noWrap vAlign=center name="fmTitle"><IFRAME
frameBorder=0 id=left name=left src="about:blank"
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 143px; Z-INDEX: 2"></IFRAME>
<TD bgColor=#425bb8 style="WIDTH: 10pt"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%">
<TBODY>
<TR>
<TD onclick=switchSysBar() style="HEIGHT: 100%"><SPAN class=navPoint
id=switchPoint title=关闭/打开左栏>3</SPAN></TD>
</TR>
</TBODY>
</TABLE></TD>
<TD style="WIDTH: 100%"><IFRAME frameBorder=0 id=frmright name=frmright
scrolling=no src="about:home"
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>

[此贴子已经被作者于2007-3-8 9:52:17编辑过]

搜索更多相关主题的帖子: 代码　 TITLE　朋友　

2007-03-07 15:51

wtz0902

等　级：新手上路
帖　子：4
专家分：0
注　册：2007-3-7

第 3 楼

得分:0

真是不好意思，编程我不会的，只能看别人例子来修改下用。

昨天按照summoner的代码搬了一下，发现还存在一点点小问题，用网络图片的时候，是正常的，但我换成本地的图片后，就是把路径改成本地的，就出错了，麻烦各位帮看下，谢谢！

[CODE]<HTML>
<HEAD>
<TITLE>多框架－<a target=_blank href=http://www.51windows.Net><a target=_blank href=http://www.51windows.Net>www.51windows.Net</a></a></TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
<style>
.navPoint {
COLOR: white; CURSOR: hand; FONT-SIZE: 9pt
}
</style>
<SCRIPT>
function switchSysBar(){
if (document.all("img1").src=="images/main_24.gif")
{
document.all("img1").src="images/main_25.gif";
document.all("frmTitle").style.display="none"
}
else
{
document.all("img1").src="images/main_24.gif";
document.all("frmTitle").style.display=""
}
}
</SCRIPT>
</HEAD>
<BODY bgColor=#487dd9 scroll=no style="MARGIN: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
<TBODY>
<TR>
<TD align=middle id=frmTitle noWrap vAlign=center name="fmTitle"><IFRAME
frameBorder=0 id=left name=left src="about:blank"
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 143px; Z-INDEX: 2"></IFRAME>
<TD bgColor=#425bb8 style="WIDTH: 10pt"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%">
<TBODY>
<TR>
<TD onclick=switchSysBar() style="HEIGHT: 100%"><SPAN class=navPoint
id=switchPoint title=关闭/打开左栏><img id=img1 src="images/main_24.gif" width=10 height=100></SPAN></TD>
</TR>
</TBODY>
</TABLE></TD>
<TD style="WIDTH: 100%"><IFRAME frameBorder=0 id=frmright name=frmright
scrolling=no src="about:home"
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML> <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> [/CODE]

[此贴子已经被作者于2007-3-8 9:43:51编辑过]

2007-03-08 09:42