标题:这样的下拉单怎么实现在~(我看很难)
只看楼主
阿星
Rank: 1
等 级:新手上路
帖 子:41
专家分:0
注 册:2005-5-29
 问题点数:0 回复次数:11 
这样的下拉单怎么实现在~(我看很难)



怎么实现后台添加后  前台就可以实现出  2级下拉单了......
搜索更多相关主题的帖子: 怎么 实现 
2005-08-03 20:09
w99w99
Rank: 1
等 级:新手上路
帖 子:13
专家分:0
注 册:2005-8-2
得分:0 
这有什么难的?用dw就可以轻松搞定哦
2005-08-04 11:05
盖茨他爹
Rank: 6Rank: 6
等 级:贵宾
威 望:28
帖 子:5255
专家分:0
注 册:2005-5-3
得分:0 
dw不能实现从后台添加
动力3.6就可以
2005-08-04 11:08
阿星
Rank: 1
等 级:新手上路
帖 子:41
专家分:0
注 册:2005-5-29
得分:0 
我想知道怎么来实现啊~
可不可以介绍个程式  有这样的下拉单的  我自己来研究研究~


给个下载地址哦!!

2005-08-04 16:38
蓝色幻想
Rank: 1
等 级:新手上路
帖 子:24
专家分:0
注 册:2005-7-14
得分:0 

正好我在做这样的站点! 给你程序 <STYLE type=text/css>A:link { COLOR: #333333; TEXT-DECORATION: none } A:active { COLOR: #333333; TEXT-DECORATION: none } A:visited { COLOR: #333333; TEXT-DECORATION: none } A:hover { COLOR: #ff6600 } BODY { BACKGROUND-POSITION: center 50%; SCROLLBAR-FACE-COLOR: #c0c0c0; FONT-SIZE: 12px; BACKGROUND-IMAGE: url('Images/bg.gif'); SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0; SCROLLBAR-SHADOW-COLOR: #c0c0c0; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #e0e0e0; SCROLLBAR-ARROW-COLOR: #333333; SCROLLBAR-TRACK-COLOR: #e0e0e0; FONT-FAMILY: "宋体"; SCROLLBAR-DARKSHADOW-COLOR: #c0c0c0 } TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: 宋体 } TD.TableBody1 { BACKGROUND-COLOR: #ffffff } .tableBorder1 { BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; WIDTH: 100%; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: #c5bdc5 } .table { BORDER-RIGHT: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff } INPUT { BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc } </STYLE> <script Language="JavaScript"> var h; var w; var l; var t; var topMar = 3; var leftMar = -10; var space = 2; var isvisible; var MENU_SHADOW_COLOR='#999999'; var global = window.document global.fo_currentMenu = null global.fo_shadows = new Array

function HideMenu() { var mX; var mY; var vDiv; var mDiv; if (isvisible == true) { vDiv = document.all("menuDiv"); mX = window.event.clientX + document.body.scrollLeft; mY = window.event.clientY + document.body.scrollTop; if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight)){ vDiv.style.visibility = "hidden"; isvisible = false; } } }

function ShowMenu(vMnuCode,tWidth) { vSrc = window.event.srcElement; vMnuCode = "<table id='submenu' cellspacing=1 cellpadding=3 style='width:"+tWidth+"' class=tableborder1 onmouseout='HideMenu()'><tr height=23><td nowrap align=left class=tablebody1>" + vMnuCode + "</td></tr></table>";

h = vSrc.offsetHeight; w = vSrc.offsetWidth; l = vSrc.offsetLeft + leftMar+4; t = vSrc.offsetTop + topMar + h + space-2; vParent = vSrc.offsetParent; while (vParent.tagName.toUpperCase() != "BODY") { l += vParent.offsetLeft; t += vParent.offsetTop; vParent = vParent.offsetParent; }

menuDiv.innerHTML = vMnuCode; menuDiv.style.top = t; menuDiv.style.left = l; menuDiv.style.visibility = "visible"; isvisible = true; makeRectangularDropShadow(submenu, MENU_SHADOW_COLOR, 4) }

function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'absolute'; rs.left = (el.style.posLeft + i) + 'px'; rs.top = (el.style.posTop + i) + 'px'; rs.width = el.offsetWidth + 'px'; rs.height = el.offsetHeight + 'px'; rs.zIndex = el.style.zIndex - i; rs.backgroundColor = color; var opacity = 1 - i / (i + 1); rs.filter = 'alpha(opacity=' + (100 * opacity) + ')'; el.insertAdjacentElement('afterEnd', rect); global.fo_shadows[global.fo_shadows.length] = rect; } } var About= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">公 司 简 介</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">公 司 文 化</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">组 织 机 构</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">精 神 理 念</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">联 系 我 们</font></a>&nbsp;' var News= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">企 业 新 闻</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">业 内 资 讯</font></a>&nbsp;' var Product= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">产 品 展 示</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">产 品 分 类</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">产 品 搜 索</font></a>&nbsp;' var Job= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">人 才 招 聘</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">人 才 策 略</font></a>&nbsp;' var sale= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">国 内 市 场</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">国 外 市 场</font></a>&nbsp;' var server= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">会 员 中 心</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"chakan.asp\"><font color="#000000">留 言 中 心</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">订 单 查 询</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">合 同 下 载</font></a>&nbsp;' var index= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"index.asp\"><font color="#000000">网 站 首 页</font></a>&nbsp;&nbsp;' var img= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">企 业 荣 誉</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=\"#\"><font color="#000000">企 业 形 象</font></a>&nbsp;' </script> <BODY bgColor=#000000 leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onmousemove="HideMenu()" style="background-image: url('Img/bg0.gif'); background-attachment: fixed"> <div id=menuDiv style='Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; BACKGROUND-COLOR: #9cc5f8'></div> <TABLE width="760" border=0 align="center" cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF"> <TBODY> <TR> <TD height=32 background="Img/head_bg1.gif" width="760"> <TABLE cellSpacing=0 cellPadding=0 width="99%" border=0> <TBODY> <TR> <TD width="3%"> </TD> <TD width="97%" valign="bottom"><IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle><a href="index.asp" onMouseOver='ShowMenu(index)'> 首 页</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="dvbbs/index.asp" onMouseOver='ShowMenu(About)'>在线论坛</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver='ShowMenu(News)'>新闻资讯</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver='ShowMenu(Product)'>产品展示</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#">下载中心</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver='ShowMenu(img)'>企业荣誉</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver="ShowMenu(sale)">营销网络</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver='ShowMenu(Job)'>人才招聘</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#">信息反馈</a> <IMG height=27 src="Img/head_bg1.gif" width=2 align=absMiddle> <a href="#" onMouseOver='ShowMenu(server)'>客户服务</a></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>

2005-08-05 13:51
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
得分:0 
什么乱七八糟的
2005-08-05 14:01
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
得分:0 
多做几个层 多少级下拉都没问题

只要你会用onMouseover onMouseout 和display="none" display=""

就行了 可以任意做成静态和读数据库的
2005-08-05 14:03
最菜鸟
Rank: 1
等 级:新手上路
帖 子:159
专家分:0
注 册:2005-1-21
得分:0 
直接从DW中拷的吧。可读性这么差!
2005-08-05 14:05
longyu
Rank: 1
等 级:新手上路
帖 子:38
专家分:0
注 册:2005-6-6
得分:0 
我看不明白呀~

2005-08-05 14:12
阿星
Rank: 1
等 级:新手上路
帖 子:41
专家分:0
注 册:2005-5-29
得分:0 
以下是引用islet在2005-8-5 14:03:32的发言: 多做几个层 多少级下拉都没问题 只要你会用onMouseover onMouseout 和display="none" display="" 就行了 可以任意做成静态和读数据库的
成静态我有 但读数据库的我不知道怎么来搞~~~ 成静态型:下载地址:
r5wRJ2lb.rar (212.83 KB) 这样的下拉单怎么实现在~(我看很难)

[此贴子已经被作者于2005-8-5 18:55:57编辑过]


2005-08-05 18:54



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-24284-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.092278 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved