我想做一个类似软件的帮助文档的网页页面,做成左边是工具菜单,像文件夹那种,可以点击链接,右边是对应各项的那种,请问如何实现? 用系统自带的工具:HTML Help Workshop就可以实现 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这个一般用框架做,左边的页面是一个树型的结构,右边是一个显示左边点击的链接页面,就可以完成这项功能,很simply 用框架做一个页,左边为left.htm,框架名为left右边的框架名为right,左边的连接的target="right"left.htm的源代码可以参见下面例子:http://www.ln.cninfo.net/syyb/gcyy/tree1.htm注意在每个连接里面加上target="right" 狐狸的研究成果三个文件,自己看着分别存。xml,xsl,htm<?xml version="1.0" encoding="GB2312" ?><?xml-stylesheet type="text/xsl" href="tree.xsl" ?><tree> <node title="中国"> <node title="江苏"> <node title="泰州"> <node title="白马" /> </node> <node title="徐州" /> <node title="南京" /> <node title="无锡" /> </node> <node title="上海"> <node title="徐家汇" /> <node title="莘庄" /> <node title="中山公园" /> </node> <node title="北京" /> <node title="四川" /> <node title="海南" /> </node> <node title="米国"> <node title="加利福利亚" /> <node title="纽约" /> </node> <node title="伊拉克" /> </tree><?xml version="1.0" encoding="GB2312" ?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:template match="node"> <div> <span onclick="toggle(this)" class=""> <xsl:choose> <xsl:when test="count(*)>0"> ─</xsl:when> <xsl:otherwise> ·</xsl:otherwise> </xsl:choose> </span> <span> <xsl:value-of select="@title" /> </span> </div> <div class="indent"> <xsl:apply-templates select="./node" /> </div> </xsl:template></xsl:stylesheet><style>body{ background-color: #eeeeee; font-size:14;}div{ cursor:hand; }div.indent{ padding-left: 30;}span{ border:1px solid; border-color:#999999; font-size:14; height:18;}span.{ width:15; height:15; text-align:center; border:1px solid; border-color:#999999; font-size:10; background-color:white; }</style><SCRIPT > function toggle(s){ var d = s.parentElement.nextSibling; if (d.childNodes.length > 0) { if (d.style.display == '') { d.style.display = 'none'; s.innerText = '┼'; } else { d.style.display = ''; s.innerText = '─'; } }}function document.onselectstart(){ document.selection.clear();}var xmldoc, xsldoc;xmldoc = new ActiveXObject("Microsoft.XMLDOM");xmldoc.async = false;xmldoc.load("tree.xml");xsldoc = new ActiveXObject("Microsoft.XMLDOM");xmldoc.async = false;xsldoc.load("tree.xsl");document.write('<div id="tree">' + xmldoc.transformNode(xsldoc) + '</div>'); </SCRIPT> 请问用QuickCHM做的可执行文件,能否和网页进行连接?如果能的话该如何链接?如果不能的话能否插入到网页中去? 如何用JS清空CKEditor文本域的文本 网页前端开发者需要精通photoshop和flash之类的? Twitter、糖果盒、Like.fm、微博通 网站最上面的导航条效果是怎样做到的? JavaScript初学者 求助 script中引用aspx文件奇怪的出错问题 跪求一JavaScript弹窗代码,高人请进!代码被采用.给全分 如何让一个IE窗口在打开时自动运行某段程序? 如何在网页上实现全选功能? 如何捕获用户按流揽器"后退"键??????????????????????(无论如何进来看看) 两行代码让所有的杀毒软件发疯!! 如何做帮助文档形式的网页? 隐藏弹出的窗口!
右边的框架名为right,左边的连接的target="right"
left.htm的源代码可以参见下面例子:
http://www.ln.cninfo.net/syyb/gcyy/tree1.htm
注意在每个连接里面加上target="right"
<?xml-stylesheet type="text/xsl" href="tree.xsl" ?>
<tree>
<node title="中国">
<node title="江苏">
<node title="泰州">
<node title="白马" />
</node>
<node title="徐州" />
<node title="南京" />
<node title="无锡" />
</node>
<node title="上海">
<node title="徐家汇" />
<node title="莘庄" />
<node title="中山公园" />
</node>
<node title="北京" />
<node title="四川" />
<node title="海南" />
</node>
<node title="米国">
<node title="加利福利亚" />
<node title="纽约" />
</node>
<node title="伊拉克" />
</tree>
<?xml version="1.0" encoding="GB2312" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="node">
<div>
<span onclick="toggle(this)" class="">
<xsl:choose>
<xsl:when test="count(*)>0">
─</xsl:when>
<xsl:otherwise>
·</xsl:otherwise>
</xsl:choose>
</span>
<span>
<xsl:value-of select="@title" />
</span>
</div>
<div class="indent">
<xsl:apply-templates select="./node" />
</div>
</xsl:template>
</xsl:stylesheet><style>
body
{
background-color: #eeeeee;
font-size:14;
}
div
{
cursor:hand;
}
div.indent
{
padding-left: 30;}span
{
border:1px solid;
border-color:#999999;
font-size:14;
height:18;
}
span.
{
width:15;
height:15;
text-align:center;
border:1px solid;
border-color:#999999;
font-size:10;
background-color:white;
}
</style><SCRIPT >
function toggle(s)
{
var d = s.parentElement.nextSibling;
if (d.childNodes.length > 0)
{
if (d.style.display == '')
{
d.style.display = 'none';
s.innerText = '┼';
}
else
{
d.style.display = '';
s.innerText = '─';
}
}
}function document.onselectstart()
{
document.selection.clear();
}var xmldoc, xsldoc;
xmldoc = new ActiveXObject("Microsoft.XMLDOM");
xmldoc.async = false;
xmldoc.load("tree.xml");
xsldoc = new ActiveXObject("Microsoft.XMLDOM");
xmldoc.async = false;
xsldoc.load("tree.xsl");document.write('<div id="tree">' + xmldoc.transformNode(xsldoc) + '</div>');
</SCRIPT>