社区
JavaScript
帖子详情
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用
)
lpgy
2004-10-24 01:13:21
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
...全文
252
4
打赏
收藏
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用<iframe>)
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lpgy
2004-10-31
打赏
举报
回复
我试试
luckydog903
2004-10-30
打赏
举报
回复
这是主页面tree.htm
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript src=TreeDir.JS></SCRIPT>
</HEAD>
<BODY bgColor=lightblue nowrap>
</BODY>
</HTML>
这是js文件TreeDir.JS
function limg_onclick(li, d, limg)
{
if(d.style.display == "none")
{
d.style.display = "block"
limg.src = "b.bmp"
}
else
{
d.style.display = "none"
limg.src = "a.bmp"
}
window.event.cancelBubble = true
}
function li_onclick(li, d, limg)
{
if(d == null)
{
alert("You click " + window.event.srcElement.id + "!")
}
else
{
if(d.style.display == "none")
{
d.style.display = "block"
limg.src = "b.bmp"
}
else
{
d.style.display = "none"
limg.src = "a.bmp"
}
}
window.event.cancelBubble = true
}
function li_onmouseover(li)
{
li.style.color = itemAFC
li.style.backgroundColor = itemABC
window.event.cancelBubble = true
}
function li_onmouseout(li)
{
li.style.color = itemFC
li.style.backgroundColor = treeBC
window.event.cancelBubble = true
}
function writeItem(li, suffix)
{
if(li.toString().split(",").length == 1)
{
var str = li.split(";")
document.write("<IMG id=limg" + suffix + " SRC=\"c.bmp\"> <SPAN id=li" + suffix)
document.write(" style=\"COLOR: " + itemFC + "; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return li_onclick(li" + suffix + ")\"")
document.write(" onmouseover=\"return li_onmouseover(li" + suffix + ")\"")
document.write(" onmouseout=\"return li_onmouseout(li" + suffix + ")\">")
if(str.length >= 2)
{
document.write("<A target=\"" + treeTarget + "\" HREF=\"" + str[1] + "\">" + str[0] + "</A></SPAN><BR>")
}
else
{
document.write(str[0] + "</SPAN><BR>")
}
}
else
{
document.write("<IMG id=limg" + suffix + " SRC=\"a.bmp\"")
document.write(" style=\"COLOR: " + itemFC + "; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return limg_onclick(li" + suffix + ", d"
+ suffix + ", limg" + suffix + ")\"")
document.write("> <SPAN id=li" + suffix)
document.write(" style=\"COLOR: black; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return li_onclick(li" + suffix + ", d"
+ suffix + ", limg" + suffix + ")\"")
document.write(" onmouseover=\"return li_onmouseover(li" + suffix + ")\"")
document.write(" onmouseout=\"return li_onmouseout(li" + suffix + ")\">")
document.write(li[0] + "</SPAN><BR>")
document.write("<DIV id=d" + suffix + " style=\"DISPLAY: none\">")
document.write("<UL id=u" + suffix + " style=\"MARGIN-LEFT: " + indent + "\">")
for(var i = 1; i < li.length; i++)
{
writeItem(li[i], suffix + "_" + i)
}
document.write("</UL></DIV>")
}
}
var treeBC = "lightblue"
var treeFC = "darkblue"
var itemFC = "black"
var itemABC = "lightskyblue"
var itemAFC = "red"
var indent = 20
var marginleft = 5
var treeTarget = "Menu"
var li = new Array()
li[0] = "Tree"
li[1] = new Array()
li[1][0] = "Item 1"
li[1][1] = "Item 1_1;page1_1.htm"
li[1][2] = "Item 1_2;page1_2.htm"
li[1][3] = "Item 1_3;page1_3.htm"
li[2] = new Array()
li[2][0] = "Item 2"
li[2][1] = new Array()
li[2][1][0] = "Item 2_1"
li[2][1][1] = "Item 2_1_1;page2_1_1.htm"
li[2][1][2] = new Array()
li[2][1][2][0] = "Item 2_1_2"
li[2][1][2][1] = "Item 2_1_2_1;page2_1_2_1.htm"
li[2][1][2][2] = "Item 2_1_2_2;page2_1_2_2.htm"
li[2][1][2][3] = "Item 2_1_2_3;page2_1_2_3.htm"
//li[2][1][3] = "Item 2_1_3;page2_1_3.htm"
//li[2][1][4] = "Item 2_1_4;page2_1_4.htm"
li[2][1][3] = "Item 2_1_3"
li[2][1][4] = "Item 2_1_4"
li[2][2] = new Array()
li[2][2][0] = "Item 2_2"
li[2][2][1] = "Item 2_2_1;page2_2_1.htm"
li[2][2][2] = "Item 2_2_2;page2_2_2.htm"
li[2][3] = "Item 2_3;page2_3.htm"
li[3] = "Item 3;page3.htm"
document.write("<DIV noWrap>")
document.write("<UL style=\"BACKGROUND-COLOR: " + treeBC + ";")
document.write(" COLOR: " + treeFC + ";")
document.write(" MARGIN-LEFT: " + marginleft + "\">")
document.write(li[0] + "<BR>")
for(var i = 1; i < li.length; i++)
{
writeItem(li[i], i)
}
document.write("</UL>")
document.write("</DIV>")
lpgy
2004-10-24
打赏
举报
回复
那个我知道啊,XML实现的,可是客户不让用XML,急哦
Minisheep
2004-10-24
打赏
举报
回复
看看这里
http://fason.nease.net/samples/treeview/
前端求职刷题(第一部分)
文章
目录
HTML5不在支持的元素:在Javascript定义一个函数一般有如下三种方式:CSS清除浮动表示新开一个标签页的超链接代码是:()当/的两边都是整数时,/表示整除,是否正确?在准备
XML
Http
Request对象时,在send()...
前端面试--111
<body> <div id="app"> <input type="text" id="txt"> <p id="show"></p> </div> </body> <script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { ...
前端基础面试题(
JS
部分)
1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Null、Boolean、Number、String ...
js
数组中提供了以下几个方法可以让我们很方便
实现
堆栈: shift:从...
面试:浏览器相关
<br /> 5、<code><object></code>、 <code><embed></code> 和 <code><applet></code> 标签嵌入的插件。<br /> 6、<code>@font-face</code> 引入的字体。一些浏览器允许跨域字体( cross-origin fontsÿ...
javascript编程基础 案例,javascript基础入门教程
异步的 JavaScript 和
XML
;可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容;能够
实现
局部刷新,大大降低了资源的浪费;不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行;是...
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章