求一段HTML代码 页面左右分栏，点中间可以把右边正文扩展整页的
求一段HTML代码页面左右分栏，点中间可以把右边正文扩展整页的，左边就收缩进去了，点下小箭头又能恢复到左右栏目。参考网址http://club.chinaren.com/...
求一段HTML代码 页面左右分栏，点中间可以把右边正文扩展整页的，左边就收缩进去了，点下小箭头又能恢复到左右栏目。
参考网址
http://club.chinaren.com/902
高手来分析下吧，请给我个HTML代码，或者简洁的例子。谢了。
他是框架，还是用DIV？ 展开
参考网址
http://club.chinaren.com/902
高手来分析下吧，请给我个HTML代码，或者简洁的例子。谢了。
他是框架，还是用DIV？ 展开
展开全部
此乃层的隐藏与显示也，
一、点击左边的缩进图片，左边栏收缩
二、实现的思路
1、图片作为按扭，点击图片触发层的显示和收缩，图片代码如下：
< A href="javascript:show();"> < IMG src="image/fclose.gif" align="absmiddle" border="0"> < /A>
三、源代码
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>收缩左边栏效果</TITLE>
<STYLE type="text/css">
td{font-size:12px;line-height:22px;}
.red{color: #FF0000}
</STYLE>
<SCRIPT language="JavaScript">
function show(){
if(document.getElementById("left").style.display=='none'){ //判断目前左边栏的状态（显示、隐藏）
document.getElementById("left").style.display='block'; //显示左边栏
}
else{document.getElementById("left").style.display='none'; //隐藏左边栏
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD id="left" width="200">点点右边的收缩按钮，看看我是不是进去了！</TD>
<TD width="8" style="border-right:1 #cccccc solid;"><A href="javascript:show();"><IMG src="image/fclose.jpg" align="absmiddle" border="0"></A></TD>
<TD valign="top">右侧</TD>
</TR>
</TABLE>
</BODY>
</HTML>
一、点击左边的缩进图片，左边栏收缩
二、实现的思路
1、图片作为按扭，点击图片触发层的显示和收缩，图片代码如下：
< A href="javascript:show();"> < IMG src="image/fclose.gif" align="absmiddle" border="0"> < /A>
三、源代码
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>收缩左边栏效果</TITLE>
<STYLE type="text/css">
td{font-size:12px;line-height:22px;}
.red{color: #FF0000}
</STYLE>
<SCRIPT language="JavaScript">
function show(){
if(document.getElementById("left").style.display=='none'){ //判断目前左边栏的状态（显示、隐藏）
document.getElementById("left").style.display='block'; //显示左边栏
}
else{document.getElementById("left").style.display='none'; //隐藏左边栏
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD id="left" width="200">点点右边的收缩按钮，看看我是不是进去了！</TD>
<TD width="8" style="border-right:1 #cccccc solid;"><A href="javascript:show();"><IMG src="image/fclose.jpg" align="absmiddle" border="0"></A></TD>
<TD valign="top">右侧</TD>
</TR>
</TABLE>
</BODY>
</HTML>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
