请教高手一个问题,我想做一个左右框架来回伸缩的效果,在网上找了这段代码,大家看一下,中间部分是一个小箭头,这样做可以实现那种效果,但我想把这个小箭头改成自己制作的小图片,不知道改如何去修改这部分代码,还请高手指点下!谢谢!
<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>
<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>
[此贴子已经被作者于2007-3-8 9:52:17编辑过]