[技术]

常用脚本菜单效果。

日期：2006-11-11 15:43:26 天气：晴字体：大中小

1、树型菜单，可刷新。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Div+CSS+JS树型菜单，可刷新</title>
<FCK:meta name="description" content="http://www.ljun.net" />
<style type="text/css">
<!--
*{ margin:0;padding:0;border:0; }
body { 
 font-family: arial, 宋体, serif;
 font-size:12px;
}
#nav { 
 width:180px;
    line-height: 24px; 
 list-style-type: none;
 text-align:left;
    /*定义整个ul菜单的行高和背景色*/
}

/*==================一级目录===================*/
#nav a { 
 width: 160px; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否则下面的Li会变形*/
}

#nav li { 
 background:#CCC; /*一级目录的背景色*/
 border-bottom:#FFF 1px solid; /*下面的一条白边*/
 float:left;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}

#nav li a:hover{ 
 background:#CC0000; /*一级目录onMouseOver显示的背景色*/
}

#nav a:link  { 
 color:#666; text-decoration:none;
}
#nav a:visited  { 
 color:#666;text-decoration:none;
}
#nav a:hover  { 
 color:#FFF;text-decoration:none;font-weight:bold;
}

/*==================二级目录===================*/
#nav li ul { 
 list-style:none;
 text-align:left;
}
#nav li ul li{  
 background: #EBEBEB; /*二级目录的背景色*/
}

#nav li ul a{ 
         padding-left:20px;
         width:160px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}

/*下面是二级目录的链接样式*/

#nav li ul a:link  { 
 color:#666; text-decoration:none;
}
#nav li ul a:visited  { 
 color:#666;text-decoration:none;
}
#nav li ul a:hover { 
 color:#F3F3F3;
 text-decoration:none;
 font-weight:normal;
 background:#CC0000;
 /* 二级onmouseover的字体颜色、背景色*/
}

/*==============================*/
#nav li:hover ul { 
 left: auto;
}
#nav li.sfhover ul { 
 left: auto;
}
#content { 
 clear: left; 
}
#nav ul.collapsed { 
 display: none;
}
-->
#PARENT{
width:300px;
padding-left:20px;
}
</style>
</head>
<body>
<div id="PARENT">
<ul id="nav">
<li><a href="#Menu=ChildMenu1" _fcksavedurl="#Menu=ChildMenu1"  onclick_fckprotectedatt=" onclick="DoMenu('ChildMenu1')"">我的网站</a>
<ul id="ChildMenu1" class="collapsed">
<li><a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">www.netany.net</a></li>
<li><a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">www.netany.net</a></li>
<li><a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">www.netany.net</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" _fcksavedurl="#Menu=ChildMenu2" onclick_fckprotectedatt=" onclick="DoMenu('ChildMenu2')"">我的帐务</a>
<ul id="ChildMenu2" class="collapsed">
<a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">支付</a></li>
<li><a href="#" _fcksavedurl="#">网上支付</a></li>
<li><a href="#" _fcksavedurl="#">登记汇款</a></li>
<li><a href="#" _fcksavedurl="#">在线招领</a></li>
<li><a href="#" _fcksavedurl="#">历史帐务</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu3" _fcksavedurl="#Menu=ChildMenu3" onclick_fckprotectedatt=" onclick="DoMenu('ChildMenu3')"">网站管理</a>
<ul id="ChildMenu3" class="collapsed">
<li><a href="#" _fcksavedurl="#">登录</a></li>
<a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">管理</a></li>
<li><a href="#" _fcksavedurl="#">管理</a></li>
<li><a href="#" _fcksavedurl="#">管理</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu4" _fcksavedurl="#Menu=ChildMenu4" onclick_fckprotectedatt=" onclick="DoMenu('ChildMenu4')"">网站管理</a>
<ul id="ChildMenu4" class="collapsed">
<li><a href="#" _fcksavedurl="#">登录</a></li>
<a href="http://www.ljun.net" _fcksavedurl="http://www.ljun.net" target="_blank">管理</a></li>
<li><a href="#" _fcksavedurl="#">管理</a></li>
<li><a href="#" _fcksavedurl="#">管理</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
<script type=text/javascript><!--
var LastLeftID = "";

function DoMenu(emid)
{ 
 var obj = document.getElementById(emid); 
 obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
 if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu
 { 
  document.getElementById(LastLeftID).className = "collapsed";
  }
 LastLeftID = emid;
}

function GetMenuID()
{

var MenuID="";
 var _paramStr = new String(window.location.href);

GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
menuFix();
--></script>

提示：您可以先修改部分代码再运行

2、菜单举一反三。

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312"  />
<title>css菜单演示</title>
<style type="text/css">
<!--

*{ margin:0;padding:0;border:0; }
body { 
 font-family: arial, 宋体, serif;        font-size:12px;
}

#nav { 
  line-height: 24px;  list-style-type: none; background:#666;
}

#nav a { 
 display: block; width: 80px; text-align:center;
}

#nav a:link  { 
 color:#666; text-decoration:none;
}
#nav a:visited  { 
 color:#666;text-decoration:none;
}
#nav a:hover  { 
 color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li { 
 float: left; width: 80px; background:#CCC;
}
#nav li a:hover{ 
 background:#999;
}
#nav li ul { 
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute; 
}
#nav li ul li{ 
 float: left; width: 180px;
 background: #F6F6F6; 
}

#nav li ul a{ 
 display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
}

#nav li ul a:link  { 
 color:#666; text-decoration:none;
}
#nav li ul a:visited  { 
 color:#666;text-decoration:none;
}
#nav li ul a:hover  { 
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}

#nav li:hover ul { 
 left: auto;
}
#nav li.sfhover ul { 
 left: auto;
}
#content { 
 clear: left; 
}

-->
</style>
<script type=text/javascript><![CDATA[//><!--
function menuFix() { 
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) { 
  sfEls[i].onmouseover=function() { 
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() { 
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() { 
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() { 
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
  }
  }
}
window.onload=menuFix;

//--><!]]></script>
</head>
<body>
<ul id="nav">
<li><a href="#" _fcksavedurl="#">产品介绍</a>
<ul>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">服务介绍</a>
<ul>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二服务二服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">成功案例</a>
<ul>
<li><a href="#" _fcksavedurl="#">案例三</a></li>
<li><a href="#" _fcksavedurl="#">案例</a></li>
<li><a href="#" _fcksavedurl="#">案例三案例三</a></li>
<li><a href="#" _fcksavedurl="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">关于我们</a>
<ul>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四111</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">在线演示</a>
<ul>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">联系我们</a>
<ul>
<li><a href="#" _fcksavedurl="#">联系联系联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
</ul>
</li>
</ul>
</body>
</html>

提示：您可以先修改部分代码再运行

3、左侧导航菜单。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312"  />
<title>左侧导航</title>
<style type="text/css">
<!--
body {  font-family: "宋体";font-size: 12px;}
a:link {color: #333;  text-decoration: none;}
a:visited {color: #333;  text-decoration: none;}
a:hover {color: #f00;  text-decoration: underline;}
a:active {color: #333;  text-decoration: none;}

#menu {width:200px;text-align:left; background:#fff; border:1px solid #ccc; padding:10px 0 20px 20px;}
.TreeNode{  line-height: 18px;  height: 18px;}
.TreeNode img{ float:left; border: 0; padding: 0; margin: 0;}
-->
</style>
<script type="text/javascript">
SCROLL_ACCEL = 10; //滑动的加速度 1-100有效
SCROLL_TIME = 300; //滑动时间(毫秒)

var expandState = false;

//判断浏览器

o_navigator = navigator.userAgent;
var isIE = (o_navigator.indexOf("MSIE") > -1) ? 1 : 0;
var isIE5 = (o_navigator.indexOf("MSIE 5") > -1) ? 1 : 0;
var isMac = (o_navigator.indexOf("Mac") > -1) ? 1 : 0;
var isOpera = (o_navigator.indexOf("Opera") > -1) ? 1 : 0;
var isIE50 = (o_navigator.indexOf("MSIE 5.0") > -1) ? 1 : 0;
var isIE55 = (o_navigator.indexOf("MSIE 5.5") > -1) ? 1 : 0;
var isIE6 = (o_navigator.indexOf("MSIE 6.0") > -1) ? 1 : 0;
var isNN6 = (o_navigator.indexOf("Netscape6") > -1) ? 1 : 0;
var isDOM = (document.getElementById) ? 1 : 0;
isIE = (isIE && !isOpera);

//树结点常数
var TreeIcon = {
  "TI_OPEN" : "http://www.ljun.net/img_jishu/1/FOpen.gif",
  "TI_CLOSE" : "http://www.ljun.net/img_jishu/1/FClose.gif",
  "TI_I" : "http://www.ljun.net/img_jishu/1/I.gif",
  "TI_L" : "http://www.ljun.net/img_jishu/1/L.gif",
  "TI_T" : "http://www.ljun.net/img_jishu/1/T.gif",
  "TI_LMINUS" : "http://www.ljun.net/img_jishu/1/Lminus.gif",
  "TI_LPLUS" : "http://www.ljun.net/img_jishu/1/Lplus.gif",
  "TI_RMINUS" : "http://www.ljun.net/img_jishu/1/Rminus.gif",
  "TI_RPLUS" : "http://www.ljun.net/img_jishu/1/Rplus.gif",
  "TI_TMINUS" : "http://www.ljun.net/img_jishu/1/Tminus.gif",
  "TI_TPLUS" : "http://www.ljun.net/img_jishu/1/Tplus.gif",
  "TI_BLANK" : "http://www.ljun.net/img_jishu/1/Blank.gif",
  "NI_DEFAULT" : "http://www.ljun.net/img_jishu/1/Leaf.gif",
  "NI_LOCATION" : "http://www.ljun.net/img_jishu/1/NodeChecked.gif"
}

// Example:
// alert( readCookie("myCookie") );
function readCookie(name)
{
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0)
  { 
    offset = document.cookie.indexOf(search);
    if (offset != -1)
    { 
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1) end = document.cookie.length;
      cookieValue = unescape(document.cookie.substring(offset, end))
    }
  }
  return cookieValue;
}

// Example:
// writeCookie("myCookie", "my name", 24);
// Stores the string "my name" in the cookie "myCookie" which expires after 24 hours.
function writeCookie(name, value, hours)
{
  var expire = "";
  if(hours != null)
  {
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();

}
  document.cookie = name + "=" + escape(value) + expire;
}

var objDiv;
var Scroller = function(){
/*  var startTime,startHeight,endHeight,dist,accel;
  var aniTimer;*/
  aDiv  :  null;
}

Scroller.show = function(){
  with(this.aDiv){
    this.startTime = (new Date()).getTime();
    this.startHeight = 0;
    this.endHeight = scrollHeight;
    this.dist = this.endHeight;
    this.accel = this.dist / SCROLL_TIME / SCROLL_TIME;
    if (this.aniTimer) this.aniTimer = window.clearInterval(this.aniTimer);
    this.aniTimer = window.setInterval("Scroller.slide()", parseInt(100/SCROLL_ACCEL));
  }
}

Scroller.hide = function(){
  with(this.aDiv){
    this.startTime = (new Date()).getTime();
    this.startHeight = scrollHeight;
    this.endHeight = 0;
    this.dist = -this.startHeight;
    this.accel = this.dist / SCROLL_TIME / SCROLL_TIME;
    if (this.aniTimer) this.aniTimer = window.clearInterval(this.aniTimer);
    this.aniTimer = window.setInterval("Scroller.slide()", parseInt(100/SCROLL_ACCEL));
  }
}

Scroller.slide = function(){
  with(this){
    var now = (new Date()).getTime();
    var elapsed = now - startTime;
    if (elapsed > SCROLL_TIME) endScroll();
    else {
      var t = SCROLL_TIME - elapsed;
      var ny = endHeight - t * t * accel;
      jumpTo(ny);
    }
  }
}

Scroller.jumpTo = function(ny){
  var alpha = Math.abs(parseInt(ny*100/this.dist));
  with(this.aDiv){
    style.height = ny;
    scrollTop = ny;
    filters.alpha.opacity = alpha;
  }
}

Scroller.endScroll = function() {
  if (this.aniTimer) this.aniTimer = window.clearTimeout(this.aniTimer);
  with(this.aDiv){
    style.overflowY="";
    style.height = "";
    if(this.endHeight==0){
      style.display = "none";
      //filters.alpha.opacity = 0;
    }
    //else{
    filters.alpha.opacity = 100;
    //}
  }
}

function FullExpand(divName,blnExpand){
  var objTree = document.getElementById(divName);
  var objDiv,objImg,objContent;
  var blnTransImg;
  var i;
  if(objTree){

objDiv = objTree.getElementsByTagName("div");
    for(i=0;i<objDiv.length;i++){
      if(objDiv[i].className == "TreeNode"){
        objImg = objDiv[i].getElementsByTagName("img");
        objContent = objDiv[i].nextSibling;
        blnTransImg = (blnExpand != (objContent.style.display == 'block'))
        if(blnTransImg){
          TransNodeImg(objImg[objImg.length-1]);
          TransNodeImg(objImg[objImg.length-2]);
        }
        if(blnExpand){
          objContent.style.display = "block";
        }
        else{
          objContent.style.display = "none";
        }
      }
    }
  }
}

//选择所有的CheckBox
function SelectAll(objForm,chkName,checked){
  var i;
  var objChks = objForm.document.getElementsByName(chkName);
  if(!objChks){
    return;
  }
  for(i=0;i<objChks.length;i++){
    objChks[i].checked = checked;
  }
}

</script>
</head>
<body>
<div id="menu">
<input name="btnExpand" type="button" id="btnExpand" value="全部展开" style="width:100px; height:20px; padding-top:2px; border:1px solid #ccc; background:#f3f3f3;" onClick_fckprotectedatt=" onClick="FullExpand('left_menu',(expandState=!expandState));this.value=(expandState?'全部收缩':'全部展开');"" />
<div id="left_menu">
<div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Lminus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Lminus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD0');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FOpen.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FOpen.gif" /> 建筑文集</div><div id="STD0" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:block;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tminus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tminus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD1');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FOpen.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FOpen.gif" /> 设计</div><div id="STD1" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:block;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif"/><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif"/><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">结构设计</a></div><div id="STD2"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">室内设计</a></div><div id="STD3"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">施工技术</a></div><div id="STD4"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">施工方案</a></div>
<div id="STD5"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">装饰装修</a></div><div id="STD6"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">规划设计</a></div><div id="STD7"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD8');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 建材</div><div id="STD8" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">材料法</a></div><div id="STD9"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">材料资讯</a></div><div id="STD10"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">新材料</a></div><div id="STD11"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建材设备</a></div><div id="STD12"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">行情分析</a></div><div id="STD13"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD14');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 论文</div><div id="STD14" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑论文</a></div><div id="STD15"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">暖气论文</a></div><div id="STD16"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">电气论文</a></div><div id="STD17"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">结构论文</a></div><div id="STD18"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">园林论文</a></div><div id="STD19"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">水利论文</a></div><div id="STD20"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑排水</a></div><div id="STD21"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD22');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 学习</div><div id="STD22" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">工程造价</a></div><div id="STD23"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑考试</a></div><div id="STD24"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">考试资料</a></div><div id="STD25"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD26');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 建筑工程</div><div id="STD26" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">水电工程</a></div><div id="STD27"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">园林工程</a></div><div id="STD28"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑工程</a></div><div id="STD29"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD30');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 工程管理</div><div id="STD30" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">监理管理</a></div><div id="STD31"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">管理咨询</a></div><div id="STD32"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">安全管理</a></div><div id="STD33"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">工程管理</a></div><div id="STD34"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">企业管理</a></div><div id="STD35"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD36');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 房地产</div><div id="STD36" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">房产地产</a></div><div id="STD37"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">规划</a></div><div id="STD38"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD39');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 规则规范</div><div id="STD39" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑法</a></div><div id="STD40"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">规范标准</a></div><div id="STD41"></div></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Tplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Tplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD42');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 行业动态</div><div id="STD42" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑资讯</a></div><div id="STD43"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">建筑科技</a></div><div id="STD44"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/T.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/T.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">行业动态</a></div><div id="STD45"></div><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/I.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/I.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">专利技术</a></div><div id="STD46"></div></div>
<div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Lplus.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Lplus.gif" onclick_fckprotectedatt=" onclick="NodeExpand(this,'STD47');"" style="cursor:pointer" /><img src="http://www.ljun.net/img_jishu/1/FClose.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/FClose.gif" /> 企业信息</div>
<div id="STD47" style="width:100%;vertical-align: bottom;filter:alpha(opacity=100);display:none;"><div class="TreeNode"><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/Blank.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Blank.gif" /><img src="http://www.ljun.net/img_jishu/1/L.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/L.gif" /><img src="http://www.ljun.net/img_jishu/1/Leaf.gif" _fcksavedurl="http://www.ljun.net/img_jishu/1/Leaf.gif" /> <a href="#" _fcksavedurl="#">装修企业</a></div><div id="STD48"></div></div></div>
</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

4、joyo网菜单效果。

<head>
<title>图像效果演示</title>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>
/*
舜子制作
Made by PuterJam
*/
//--初始化变量--
var rT=true;//允许图像过渡
var bT=true;//允许图像淡入淡出
var tw=150;//提示框宽度
var endaction=false;//结束动画

if(ns4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
      toolTipSTYLE.visibility = "visible";
    }
    if(ns6)
    {
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipSTYLE.display='block'
    }
    if(ie4)
    {
      document.all("toolTipLayer").innerHTML=content;
      toolTipSTYLE.display='block'
      //--图象过渡，淡入处理--
      var cssopaction=document.all("msg1").filters[0].opacity
      document.all("msg1").filters[0].opacity=0;
      if (rT) document.all("msg1").filters[1].Apply();
      if (bT) document.all("msg1").filters[2].Apply();
      document.all("msg1").filters[0].opacity=cssopaction;
      if (rT) document.all("msg1").filters[1].Play();
      if (bT) document.all("msg1").filters[2].Play();
      //----------------------
    }
  }
}
function moveToMouseLoc(e)
{
  if(ns4||ns6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}

</script>
<style  type="text/css">

</style>
</head>
<script>
</script>
<body>
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script>initToolTips()</script>
<font face="Arial">
<a href="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="toolTip('这是个好东东你说呢哈哈')"" onMouseOut_fckprotectedatt=" onMouseOut="toolTip()"">test</a></font>
<font face="Arial">
<a href="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="toolTip('你要吗，好好用的哦真的', '#FFFF00', 'red')"" onMouseOut_fckprotectedatt=" onMouseOut="toolTip()"">test</a></font>
<font face="Arial">
<a href="#" _fcksavedurl="#" onMouseOver_fckprotectedatt=" onMouseOver="toolTip('这是个好东东你说呢哈哈', '#FFFF00', 'orange')"" onMouseOut_fckprotectedatt=" onMouseOut="toolTip()"">test</a></font>
<font face="Arial">
<a href="#" _fcksavedurl="#" onMouseOver="toolTip('<marquee>跑啊!!跑</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">test</a></font>
</body>

提示：您可以先修改部分代码再运行

5、一个实用的菜单效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8" lang="UTF-8">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />
<FCK:meta http-equiv="Content-Language" content="UTF-8"  />
<title>后台管理</title>
<style type="text/css">
body { margin:0;text-align:center;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:center;background:#C8D0D5;line-height:150%; }
a:link,a:visited { color:#385065;text-decoration:none }
a:hover { text-decoration:underline }
#menu { width:150px;margin:0px 15px;padding:0px;text-align:left;list-style:none }
#menu .item { margin:5px 0px;padding:0px;list-style:none }
a.title:link, a.title:visited, a.title:hover { display:block;background:url(http://www.tblog.com.cn/attachments/month_0609/m20069110491.gif) no-repeat;color:#385065;font-weight:bold;padding:2px 0 0 22px;width:128px;line-height:23px;cursor:pointer;text-decoration:none }
#menu .item ul { border:1px solid #9FACB7;margin:0;width:118px;padding:3px 0px 3px 30px;background:#fff;list-style:none;display:none }
#menu .item ul li { display:block; }
</style>
<script language="javascript" type="text/javascript">
    // --- 获取ClassName
    document.getElementsByClassName = function(cl) { 
        var retnode = [];
        var myclass = new RegExp('\\b'+cl+'\\b');
        var elem = this.getElementsByTagName('*');
        for (var j = 0; j < elem.length; j++) { 
            var classes = elem[j].className;
            if (myclass.test(classes)) retnode.push(elem[j]);
        }
        return retnode;
    }
    
    // --- 隐藏所有
    function HideAll() { 
        var items = document.getElementsByClassName("optiton");
        for (var j=0; j<items.length; j++) { 
            items[j].style.display = "none";
        }
    }
    
    // --- 设置cookie
    function setCookie(sName,sValue,expireHours) { 
        var cookieString = sName + "=" + escape(sValue);
        //;判断是否设置过期时间
        if (expireHours>0) { 
             var date = new Date();
             date.setTime(date.getTime + expireHours * 3600 * 1000);
             cookieString = cookieString + "; expire=" + date.toGMTString();
        }
        document.cookie = cookieString;
    }
    
    //--- 获取cookie
    function getCookie(sName) { 
      var aCookie = document.cookie.split("; ");
      for (var j=0; j < aCookie.length; j++){ 
        var aCrumb = aCookie[j].split("=");
        if (escape(sName) == aCrumb[0])
          return unescape(aCrumb[1]);
      }
      return null;
    }
    
    window.onload = function() { 
        var show_item = "opt_1";
        if (getCookie("show_item") != null) { 
             show_item= "opt_" + getCookie("show_item");
        }
        document.getElementById(show_item).style.display = "block";
        var items = document.getElementsByClassName("title");
        for (var j=0; j<items.length; j++) { 
            items[j].onclick = function() { 
                var o = document.getElementById("opt_" + this.name);
                if (o.style.display != "block") { 
                    HideAll();
                    o.style.display = "block";
                    setCookie("show_item",this.name);
                }
                else { 
                    o.style.display = "none";
                }
            }
        }
    }
    </script>
</head>
<body>
<ul id="menu">
<li class="item"><a href="javascript:void(0)" _fcksavedurl="javascript:void(0)" class="title" name="1">基本信息</a>
<ul id="opt_1" class="optiton">
<li><a href="#" _fcksavedurl="#">企业简介</a></li>
<li><a href="#" _fcksavedurl="#">企业新闻</a></li>
</ul>
</li>
<li class="item"><a href="javascript:void(0)" _fcksavedurl="javascript:void(0)" class="title" name="2">系统管理</a>
<ul id="opt_2" class="optiton">
<li><a href="#" _fcksavedurl="#">企业简介</a></li>
<li><a href="#" _fcksavedurl="#">企业新闻</a></li>
</ul>
</li>
<li class="item"><a href="javascript:void(0)" _fcksavedurl="javascript:void(0)" class="title" name="3">系统管理</a>
<ul id="opt_3" class="optiton">
<li><a href="#" _fcksavedurl="#">会员管理</a></li>
<li><a href="#" _fcksavedurl="#">管理员设置</a></li>
<li><a href="#" _fcksavedurl="#">权限组设置</a></li>
<li><a href="#" _fcksavedurl="#">退出系统</a></li>
</ul>
</li>
</ul>
</body>
</html>

提示：您可以先修改部分代码再运行

上一篇：判断不同分辨率选择不同CSS

下一篇：新闻标题左右轮换显示

评论(0) | 阅读(0) | 分类：技术 | 技术RSS | 最后更新：2009-02-07 15:43:26

昵　称： (必填)
QQ 号： (必填)
评　论： (必填5-250字)
验证码： (必填)

关于lijun 友情链接赣ICP备2022005502号

香港空间 - 网站设计>磁力泵