樹的制作 看看这个示例吧,是不是你要的?http://www.1studio.net/html/example/0061/0061.htm 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://colorweb.go.163.com/js/index.html to net_lover:老大实在是佩服! to net_love: 我怎么打不开呀????? 這個有些可以實現﹐用java applet來作﹐但也可以用xml來做。 用xml+dom然后通过ms的那个treeview.htc通过webservice来从数据库中取出数据形成树形.最爽了. <html><head><title>Left</title><link rel="stylesheet" href="css/css.css" type="text/css"><style><!--#foldheader{cursor:hand ;font-size: 10pt;list-style-image:url(plus1.gif)}#foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}//--></style><script language="JavaScript1.2">function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(min1.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(plus1.gif)" } } //alert(nested)}document.onclick=change//--></script></head><body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0"><nobr><ul id="foldinglist"> <li id="foldheader">公共信息</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li> <li id="foldheader">kdk</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li> </ul> </ul> <li id="foldheader">商学院</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li> <li id="foldheader">kdk</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li> </ul> </ul></ul></nobr></body></html> to:llrock(百乐宝) event.srcElement.id=="foldheader这里的event是什幺﹐javascript里没有这个东东呀。从你的程序里可以看出﹐它应该是传回单击的那个对像﹐但你能不能详细解释一下这个东东﹐或是其它地方有相关文章的话﹐你告诉我url我自己去看好了。在javascript里我還是第一次看到這么用的。真的。很不明白??? 怎么可能有问题,自己写的,在试试看<html><head><title>Left</title><link rel="stylesheet" href="css/css.css" type="text/css"><style><!--#foldheader{cursor:hand ;font-size: 10pt;list-style-image:url(plus1.gif)}#foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}//--></style><script language="JavaScript1.2">function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(min1.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(plus1.gif)" } } //alert(nested)}document.onclick=change//--></script></head><body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0"><nobr><ul id="foldinglist"> <li id="foldheader">公共信息</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li> <li id="foldheader">kdk</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li> </ul> </ul> <li id="foldheader">商学院</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li> <li id="foldheader">kdk</li> <ul id="foldinglist" style="display:none" > <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li> </ul> </ul></ul></nobr></body></html> 那个event就是你所说的onclick事件呀,没错,如果你想把它放到每个list元素也行,那样你最好创建一个自己的类,然后用类的方法创建每个list项,那样比较灵活,否则你必须直接在html提前写好每个list元素,并获得每个onclick事件,这只是个最简单的例子,利用node,仔细看看就明白了,就一个函数多简单,你要看搞版本到user1.7host.com/llrock to:llrock(百乐宝) 那么event除了srcElement这个对像之外﹐还有其它对象吗?它的对象层次又是怎么的呢?我想问这种技朮你是在哪里学的呀﹐我在书上都没有看到过。 不知道你有没有MSDN,多看看,那可是好东西,那里不明白说得清楚一点,我没法回答,还有多去国外得网站,那里的技术很先进,思想更先进,我们确实是发展中国家!你问的稍微清楚一点,我好讲清楚,我可是个负责的人,谁让这里那么多人帮助过我,不知道你有没有过其他方面的编程经验,其实就是controls,没什么,有时候利用control是很方便的,具体问题具体分析,我学js页只是3个月,继续关注! 我知道你那里没看懂了,在这里我用了两个不太常用的属性display和sourceIndex;display和visibility:visibility=hidden只是对像隐藏,display=none浏览器根本不打印,举个例子:<table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td onclick="this.style.visibility='hidden';"> </td> <td onclick="this.style.display='none'"> </td> </tr></table>sourceIndex:每个浏览器标签都有一个sourceIndex,按出现的先后顺序。这个树比较简单,所以有很多缺陷,比如你在数中加如<b></b>标签来修饰文字,你会发现它不能正常工作。这是var srcIndex = event.srcElement.sourceIndexvar nested = document.all[srcIndex+1]这两句导致的,你所说的对象层次就是<ul><li></ul>的层次,这个属之所以简单也就是利用了这个特性,但带来的是不易扩展,不过你可以使用id,这样扩展起来比较容易,如果想更好就写个类用类的方法动态创建树干和叶,也不是很难,只是我不太喜欢树。功能单一,虽然层次性比较好.忘掉上面说的controls吧,我想了想也不太一样,虽然也可以把sourceIndex理解为controls。我不知道说明白没有,其实我是新手,有很多js不明白,还请这位朋友今后多帮忙。先谢了。我是见义勇为的好市民! 我有一個完整的例子﹐我給你mail過去﹐你可以看看﹐其實有這類工具。可以生成java applet代碼 applet 还是不好用,速度慢,不好和HTML交互用jscript比较合适to llrock(百乐宝):要学这方面的知识,找些DHTML和DOM的参数书,没有DOM,javascript也没什么用 JQuery获取表格值问题,加急!!加急!!加急!!加急!!加急!!!!!!!!! 在函数中触发某个按钮的 点击事件 接收了一个大概2M的数据,怎么传到后台? 这是一段辑屏的代码,不错哦 关于文件绝对路径 懂javascript的请进(老问题!) 如何使窗体最大话呢? ◎◎◎急问如何实现当浏览器完全加载htm页面标记之后再执行js???◎◎◎ ligerui 如何ligerGird获取后台数据(C#) 要求:页面加载时自动提交表单 且不跳转。 怎么将设置网页的快捷方式? 在js中声明变量时,什么时候需要var,什么时候不需要???
to net_love: 我怎么打不开呀?????
<html>
<head>
<title>Left</title>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style>
<!--
#foldheader{cursor:hand ;font-size: 10pt;
list-style-image:url(plus1.gif)}
#foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}
//-->
</style><script language="JavaScript1.2">
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(min1.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(plus1.gif)"
}
}
//alert(nested)
}document.onclick=change//-->
</script></head>
<body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
<nobr><ul id="foldinglist">
<li id="foldheader">公共信息</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul> <li id="foldheader">商学院</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>
</ul>
</nobr>
</body>
</html>
<html>
<head>
<title>Left</title>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style>
<!--
#foldheader{cursor:hand ;font-size: 10pt;
list-style-image:url(plus1.gif)}
#foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}
//-->
</style><script language="JavaScript1.2">
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(min1.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(plus1.gif)"
}
}
//alert(nested)
}document.onclick=change//-->
</script></head>
<body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
<nobr><ul id="foldinglist">
<li id="foldheader">公共信息</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul> <li id="foldheader">商学院</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>
</ul>
</nobr>
</body>
</html>
display和visibility:visibility=hidden只是对像隐藏,display=none浏览器根本不打印,举个例子:
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td onclick="this.style.visibility='hidden';"> </td>
<td onclick="this.style.display='none'"> </td>
</tr>
</table>
sourceIndex:每个浏览器标签都有一个sourceIndex,按出现的先后顺序。
这个树比较简单,所以有很多缺陷,比如你在数中加如<b></b>标签来修饰文字,你会发现它不能正常工作。这是
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
这两句导致的,你所说的对象层次就是<ul><li></ul>的层次,这个属之所以简单也就是利用了这个特性,但带来的是不易扩展,不过你可以使用id,这样扩展起来比较容易,如果想更好就写个类用类的方法动态创建树干和叶,也不是很难,只是我不太喜欢树。功能单一,虽然层次性比较好.忘掉上面说的controls吧,我想了想也不太一样,虽然也可以把sourceIndex理解为controls。我不知道说明白没有,其实我是新手,有很多js不明白,还请这位朋友今后多帮忙。先谢了。我是见义勇为的好市民!
用jscript比较合适to llrock(百乐宝):要学这方面的知识,找些DHTML和DOM的参数书,没有DOM,javascript也没什么用