高分求技术难题！！！！！！！！

gaofei714 2006-08-25 11:16:45

一个困扰本人多天的问题，一直想解决，但是没有找到实现。本人想实现这个一个功能，就是我在我的页面上有很多不同的图标，它们分别对应一些不同内容的链接。我要实现当点击图标时，能在图标旁边弹出一个菜单，然后选择菜单里面的链接，链接到页面。链接想从xml文件里面读。

...全文

196 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

cds27 2006-08-29

打赏
举报

多种方式，可以DOM，可以XMLHTTP

位流 2006-08-27

打赏
举报

DOM操作技术

penglewen 2006-08-25

打赏
举报

可能用ajax很好处理..........

klayer 2006-08-25

打赏
举报

xml数据岛技术

参见：http://www.blogjava.net/hellotony/articles/45282.html

http://bbs.chinacdi.com/dispbbs.asp?boardid=26&id=19504

wawowawoo 2006-08-25

打赏
举报

学习
帮顶！

w78z007 2006-08-25

打赏
举报

<HTML>

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<SCRIPT language=javascript >

function mouseOverFun(obj)
{
var toLi=event.toElement;
if(toLi==obj) return false;
if(toLi.tagName=="A" || toLi.tagName=="UL") toLi=toLi.parentElement;
if(toLi.children[1]) toLi.children[1].style.display="block";
}

function onmouseOutFun(obj)
{
var fromLi=event.fromElement;
var eventToElement=event.toElement;
if(fromLi==obj) return false;
if(fromLi.tagName=="A" || fromLi.tagName=="UL") fromLi=fromLi.parentElement;
if(fromLi.contains(eventToElement)) return false;
if(fromLi.children[1]) fromLi.children[1].style.display="none";
var maxLevel=10;
while( maxLevel-- > 0)
{
fromLi=fromLi.parentElement.parentElement;
if(fromLi.contains(obj) || (fromLi.tagName!="LI" && fromLi.tagName!="TD") || fromLi.contains(eventToElement))
break;
fromLi.children[1].style.display="none";
}
}
</SCRIPT>

<STYLE type="text/css">

* {
FONT: 11px verdana
}
UL {
PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; DISPLAY:none; POSITION: absolute; LEFT: 149px; TOP: 0px;
}
LI {
BACKGROUND-COLOR:#ffffff;PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; POSITION: relative;
}
TD LI UL {

}
.menuA{
COLOR: #777; TEXT-DECORATION: none; WIDTH:100%; HEIGHT:20px;
}

.menuA:hover {
BACKGROUND: #d9d9f9; COLOR: #e2144a;
}

.menuLevel0{
PADDING: 0px; MARGIN: 0px;WIDTH: 100px; BORDER: #ccc 1px solid; POSITION: relative;
}
.menuLevel1{
LEFT: 0px; TOP: 20px;
}

</STYLE>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY>
<table onmouseover="mouseOverFun(this);" onmouseout="onmouseOutFun(this);" border=0 cellspacing=0 >
<tr>
<td class="menuLevel0">
<A class="menuA" href="#">Munu1</A>
<UL class="menuLevel1">
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A> </UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>

</UL>
</td>
<td class="menuLevel0">
<A class="menuA" href="#">Munu2</A>
<UL class="menuLevel1">
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A> <LI><A class="menuA" href="#">Broadband</A>
</UL>

</UL>
</td>

</tr>
</table>

</BODY></HTML>

试试