BlogJava-我的java天地-随笔分类-show pagehttp://www.blogjava.net/toby/category/38383.htmlzh-cnSun, 18 Oct 2009 16:06:26 GMTSun, 18 Oct 2009 16:06:26 GMT60动态创建html内容时所用的W3C DOM属性和方法http://www.blogjava.net/toby/archive/2009/10/14/298215.htmltobyxiongtobyxiongWed, 14 Oct 2009 07:05:00 GMThttp://www.blogjava.net/toby/archive/2009/10/14/298215.htmlhttp://www.blogjava.net/toby/comments/298215.htmlhttp://www.blogjava.net/toby/archive/2009/10/14/298215.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/298215.htmlhttp://www.blogjava.net/toby/services/trackbacks/298215.html document的属性和方法:
document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素.
document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点.
document.createAttribute(): 用指定的名字创建新的Attr节点.
document.createComment() :用指定的字符串创建新的Comment节点.
document.getElementById(): 返回文档中具有指定id的Element节点.
document .getElementsByTagName(): 返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组;



节点的属性和方法:
<element>.appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点.
<element>.getAttribute(name) : 该方法用来获得元素中name属性的值.
<element>.setAttribute(name,value) : 该方法用来设置元素中name属性的值.
<element>.insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面.
<element>.removeAttribute(name) :该方法从元素中删除属性name.
<element>.removeChild(childNode) :该方法从元素中删除子元素childNode.
<element>.replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.
<elemnet>.hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素.
<element>.tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;
<element>.getAttributeNode() :以Attr节点的形式返回指定属性的值;
<element>.getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.
<element>.hasAttribute() :如果该元素具有指定名字的属性,则返回true;
<element>.removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.
<element>.setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中．
<element>.cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.

Node对象常用属性:
<element>.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.
<element>.childNodes :以Node[]的形式存放当前节点的子节点.如果没有子节点,则返回空数组.
<element>.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.
<element>.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.
<element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.
<element>.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.
<element>.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.
<element>.nodeType :代表节点的类型.
<element>.nodeName :节点的名字,Element节点则代表Element的标记名称.
 备注::
如果使用appendChild将<tr>元素直接增加到<table>中,则在IE中这一行并不出项,但在其他浏览器中却会显示出来.对此的解决之道是,将<tr>元素增加到表的<tbody>元素中,这种解决办法在所有的浏览器中都能正确工作.
             关于setAttribute方法,IE也有麻烦.IE不能使用setAttribute正确地设置class属性.对此有一个跨浏览器的解决方法,即同时使用setAttribute("class","newclassName")和setAttribute("className","newClassName").另外,在IE中不能使用setAttribute设置style属性.最能保证浏览器兼容的技术不是<element>.setAttribute("style","font-weight:bold;"),而是<element>.style.cssText="font-weight:bold;".
实践:
<html>
<head>
<title>测试</title>
</head>
<script language="javascript">
function show()
{
         var showdiv         =         document.createElement("div");
         showdiv.setAttribute("id","div1");
         showdiv.innerHTML = "这就是所谓的动态创建！";
         showdiv.style.height = "100px";
         showdiv.style.backgroundColor = "yellow";
         document.body.appendChild(showdiv);
}
</script>
<body>
<a href="javascript:show();">点我</a>
</body>
</html>
前言：与传统的方法不同，DOM作为一种“手术刀”型的开发工具能够对document做到“细致入微”的照顾。因为DOM是基于文档树模型建立起来的一套方法因此能够对文档做几乎任何方面的修改。不论您是希望修改结构还是在内容，使用DOM都是一个不错的选择。
今天要谈到到了是四个典型的DOM方法以及他们的使用策略：

createElement()方法 createTextNode()方法 appendChild()方法 insertBefore()方法1.creatElement()方法
规则document.creatElement(nodeName)
例如我们可以使用如下的语句来创建一个段落。
document.creatElement("p")
2.creatTextNode()方法
规则document.creatTextNode(text)
例如我们可以使用如下语句来创建一条语句用来问候大家。
document.creatTextNode("Hello World")
3.appendChild()方法
规则parent.appendChild(child)
创建了所需要的结构或内容以后还需要将所创建的东西插入到文档当中才能算成功。例如我们可以使用如下的方法来建立起我们需要创建的HTML内容。请注意这完全是动态建立的。
var para = document.createElement("p");
var testdiv = document.getElementById("testdiv");
var txt = document.createTextNode("Hello World");
testdiv.appendChild(para);
para.appendChild(txt);
这样我们就把之前所建立的结构与内容插如到了我们所需要的地方。不过问题也随之而来，appendChild()方法只能创建已知元素结点的最后一个子结点，如果当父元素已经拥有几个子元素的时候，我们是无法通过appendChild()方法来选择插入点的。
4.insertBefore()方法
规则parentElement.inserBefore(newElemenet,targetElement)
在使用的时候，我们不需要知道父元素到底是谁，因为我们可以通过这样的语法获得父元素：
targetElement.parentNode
这样看上去似乎有点好笑，当别人问你父亲是谁的时候，你却告诉别人，我的父亲就是“我的父亲”。不过在DOM中，它确实就是一个能实际使用的方法。

补充一个有意义的函数：
当看到有insertBefore()方法之后，也许会想当然的认为还有insertAfter()方法。不过要让你失望了，DOM并没有提供这样的方法。我想是因为它可以通过混合使用insertBefore()方法和appendChild()方法来实现吧。但是，我们总希望它能够是对称。所以我们自己动手编写一个insertAfter()方法，把它作为函数存放在我们的文档中。
function insertAfter(newelElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
}else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
至此，我们至少能够用以上的几个DOM方法来创建简单的HTML文档。使用DOM的好处有两点：第一，文档与行为互相分离，这符合现代工程学的先进理念。请时刻记住，混合在一起的永远都不是最好的办法。第二，动态创建的结构与内容并不影响原先的文档内容，这样使得我们能清楚的完成“替换”与“插入”的不同操作。
是的DOM就是这样一种细致的工具。细致而强大的确是DOM能够在世界上成为标准的有力条件。


tobyxiong 2009-10-14 15:05 发表评论
]]>CSS 长英文字母自动换行http://www.blogjava.net/toby/archive/2009/09/28/296739.htmltobyxiongtobyxiongMon, 28 Sep 2009 02:49:00 GMThttp://www.blogjava.net/toby/archive/2009/09/28/296739.htmlhttp://www.blogjava.net/toby/comments/296739.htmlhttp://www.blogjava.net/toby/archive/2009/09/28/296739.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/296739.htmlhttp://www.blogjava.net/toby/services/trackbacks/296739.html自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法


对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>
css
#wrap{white-space:normal; width:200px; }

1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行

#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}

<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果：可以实现换行

2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条


#wrap{word-break:break-all; width:200px; overflow:auto;}

<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果：容器正常，内容隐藏

对于table

1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏

<table style="table-layout:fixed" width="200">
<tr>
<td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss
</td>
</tr>
</table>

效果：隐藏多余内容

2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行

<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>

效果：可以换行

3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法

4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行，使用overflow:hidden;隐藏超出内容，这里overflow:auto;无法起作用


<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
</tr>
</table>

效果：隐藏多于内容

5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法
运行代码框
最后，这种现象出现的几率很小，但是不能排除网友的恶搞。

下面是提到的例子的效果

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>字符换行</title>
<style type="text/css">
table,td,th,div { border:1px green solid;}
code { font-family:"Courier New", Courier, monospace;}
</style>
</head>
<body>
<h1><code>div</code></h1>
<h1><code>All white-space:normal;</code></h1>
<div style="white-space:normal; width:200px;">Wordwrap still occurs in a td element that has its WIDTH attribute set to a value smaller than the unwrapped content of the cell, even if the noWrap property is set to true. Therefore, the WIDTH attribute takes precedence over the noWrap property in this scenario</div>

<h1><code>IE \ word-wrap : break-word ;</code></h1>
<div style="word-wrap : break-word ; width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>IE \ word-break:break-all;</code></h1>
<div style="word-break:break-all;width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

<h1><code>Firefox/ word-break:break-all; overflow:auto;</code></h1>
<div style="word-break:break-all; width:200px; overflow:auto;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>table</code></h1>
<h1><code>table-layout:fixed;</code></h1>
<table style="table-layout:fixed" width="200">
<tr>
<td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
</tr>
</table>
<h1><code>table-layout:fixed; word-break : break-all; word-wrap : break-word ;</code></h1>
<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
<td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
</tr>
</table>
<h1><code>FF \ table-layout:fixed; overflow:hidden;</code></h1>
<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
</tr>
</table>
</body>
</html>



tobyxiong 2009-09-28 10:49 发表评论
]]>JSTL标签和struts2标签应用备份http://www.blogjava.net/toby/archive/2009/09/24/296312.htmltobyxiongtobyxiongThu, 24 Sep 2009 08:53:00 GMThttp://www.blogjava.net/toby/archive/2009/09/24/296312.htmlhttp://www.blogjava.net/toby/comments/296312.htmlhttp://www.blogjava.net/toby/archive/2009/09/24/296312.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/296312.htmlhttp://www.blogjava.net/toby/services/trackbacks/296312.html一.jstl标签所需jar包为standard.jar和jstl.jar两个jar包

1.常用jsp头部
<%@ include file="/jsp/common/taglib.jsp"%>
<%@ page import="cn.com.sunrise.home.util.Constraint"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="tangs" uri="/WEB-INF/pagination.tld"%>

2.常用
<c:if test="${sessionScope.userAccount == 'admin'}">
 </c:if>

<c:if test="${not empty sessionScope.userAccount}">
</c:if>

申明int rank =0;
<c:forEach var="type" items="${productTypeList}"  varStatus="ls">
      <c:if test="${ls.first}"></c:if>
            <c:if test="${not ls.first}"></c:if>
            <%rank++;%>
     </c:forEach>

js中应用jstl
if(${flag}=='0'){
   window.parent.parent.frames('iframeTop').location.replace('../jsp/top.jsp');
  }


二STRUTS2的标签
<s:iterator value="hotNewsReviewList" status="status"  id="hotNewsReviewList">
           <li class="leftli"> <span class="leftbtxiao">时间：</span><s:property value="timeBuff"/><span class="leftbtxiao">　　　姓名：</span> <s:property value="userName"/> </li>
           <li class="leftli">评论<span class="leftbtxiao">：</span><s:property value="reviewContent" escape="false"/> </li>
      </s:iterator>

<s:iterator value="kprList" status="status"  id="kprList">
<s:if test="#kprList.clickTotalCount!=null">
        <s:property value="clickTotalCount"/>
       </s:if>
</s:iterator>



tobyxiong 2009-09-24 16:53 发表评论
]]>Ext.queryhttp://www.blogjava.net/toby/archive/2009/08/03/289611.htmltobyxiongtobyxiongMon, 03 Aug 2009 08:25:00 GMThttp://www.blogjava.net/toby/archive/2009/08/03/289611.htmlhttp://www.blogjava.net/toby/comments/289611.htmlhttp://www.blogjava.net/toby/archive/2009/08/03/289611.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/289611.htmlhttp://www.blogjava.net/toby/services/trackbacks/289611.html一. Ext.query("*[name^=tt]");
这就是ext封装了document操作，为得到一个object数组，页面中所有的name值以tt打头的的对象数组

二.Ext.query("*{name$=ow}");
页面中name属性的值以ow结尾的object对象数组

三.Ext.query("*{name*=ow}");
页面中name属性的值包含ow的object对象数组

四.Ext.query("*{name!=ow}");
页面中name属性的值不等于ow的object对象数组

五.Ext.query("*{name=ow}");
页面中name属性的值等于ow的object对象数组

六.Ext.query("*{name=red} *{name=pink}");
name属性的值为red并且子无素name的值为pink的object对象数组



tobyxiong 2009-08-03 16:25 发表评论
]]>相关页面知识备份http://www.blogjava.net/toby/archive/2009/08/03/289605.htmltobyxiongtobyxiongMon, 03 Aug 2009 07:53:00 GMThttp://www.blogjava.net/toby/archive/2009/08/03/289605.htmlhttp://www.blogjava.net/toby/comments/289605.htmlhttp://www.blogjava.net/toby/archive/2009/08/03/289605.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/289605.htmlhttp://www.blogjava.net/toby/services/trackbacks/289605.html一.标签frameset使用 注：frameset外不能套用body标签

<frameset rows="96,*" framespacing="0" frameborder="1" >

  <frame name="topFrame" src="Write.jsp"  framespacing="0" marginheight="0" scrolling="no">

  <frameset cols="96,*" framespacing="0" frameborder="1" >

    <frame name="chargeFrame" src="Read.jsp">

    <frame name="topFrame" src="Write.jsp"  framespacing="0" marginheight="0" scrolling="no">

  </frameset>

</frameset>

 

设置frameset中的frame大小不可调，使用frame标签的noresize="noresize"属性或直接noresize,缺省是允许调节大小的

<frameset rows="50%,50%">

    <frame noresize="noresize" src="frame_a.htm">

    <frameset cols="25%,75%">

        <frame noresize="noresize" src="frame_b.htm">

        <frame noresize="noresize" src="frame_c.htm">

    </frameset>

</frameset>



二.选择iframe以下是代码片段

<body style="background-image:url(images/background.bmp);background-repeat:repeat-x; background-color:#FFFFFF">
<table border="0" cellpadding="0" cellspacing="0" width="950" height="100%" align="center">
<tr>
 <td width="950px" height="180"><iframe id="iframeTop" name="iframeTop" src="jsp/top.htm" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="950" height="100%"></iframe></td>
</tr>
<tr>
 <td><iframe id="iframeCenter" name="iframeCenter" src="jsp/center.htm" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="950px"></iframe></td>
</tr>
<tr>
 <td height="55px"><iframe id="iframeBottom" name="iframeBottom"" src="jsp/bottom.htm" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="950px" height="55px"></iframe></td>
</tr>
</table>
</body>
</html>

scrolling="no"   意思是不能的下拉框

三.Window top、parent属性
window.top
回顶部

功能：返回顶层窗口，即浏览器窗口。

语法：window.top

注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。

window.parent
回顶部

功能：返回父窗口。

语法： window.parent

注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。

在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。



四.释放ie中对象的内存

if(window.navigator.appName=='Microsoft Internet Explorer'){
  obj.src = null;
  CollectGarbage();//用于内存释放，先将需要释放的对象置为空
 }

CollectGarbage,是IE的一个特有属性,用于释放内存的，使用方法嘛应该是,将该变量或引用对象,设置为null或delete，然后在进行释放动作，在做CollectGarbage前,要必需清楚的两个必备条件:

引用
- 一个对象在其生存的上下文环境之外，即会失效。
- 一个全局的对象在没有被执用(引用)的情况下，即会失效。


五.弹出一个页面
window.open('../six.html','main','top=0,left=0,width=465,height=620,status=no,toolbar=no,menubar=no,scrollbars=yes,resizable=no');

resizable=no就是不让用户修改弹出窗口大小



tobyxiong 2009-08-03 15:53 发表评论
]]>fieldset和legend的应用http://www.blogjava.net/toby/archive/2009/07/29/288978.htmltobyxiongtobyxiongWed, 29 Jul 2009 15:21:00 GMThttp://www.blogjava.net/toby/archive/2009/07/29/288978.htmlhttp://www.blogjava.net/toby/comments/288978.htmlhttp://www.blogjava.net/toby/archive/2009/07/29/288978.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/288978.htmlhttp://www.blogjava.net/toby/services/trackbacks/288978.html一.代码片段
<fieldset id="actfield" style="margin:2 3 3 2">
    <legend>
     用户基本信息 
    </legend>
</fieldset >
二.效果图
无

tobyxiong 2009-07-29 23:21 发表评论
]]>关于页面刷新和iframe刷新http://www.blogjava.net/toby/archive/2009/06/24/283847.htmltobyxiongtobyxiongTue, 23 Jun 2009 16:31:00 GMThttp://www.blogjava.net/toby/archive/2009/06/24/283847.htmlhttp://www.blogjava.net/toby/comments/283847.htmlhttp://www.blogjava.net/toby/archive/2009/06/24/283847.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/283847.htmlhttp://www.blogjava.net/toby/services/trackbacks/283847.html
2.iframe刷新
<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

 

方案一:用iframe的name属性定位
     <input type="button" name="Button" value="Button"
onclick="document.frames('ifrmname').location.reload()">

 

或
<input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">

 

方案二:用iframe的id属性定位
<input type="button" name="Button" value="Button"
onclick="ifrmid.window.location.reload()">

 

终极方案:当iframe的src为其它网站地址(跨域操作时)
<input type="button" name="Button" value="Button"
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">




tobyxiong 2009-06-24 00:31 发表评论
]]>js树http://www.blogjava.net/toby/archive/2009/03/18/260589.htmltobyxiongtobyxiongWed, 18 Mar 2009 13:36:00 GMThttp://www.blogjava.net/toby/archive/2009/03/18/260589.htmlhttp://www.blogjava.net/toby/comments/260589.htmlhttp://www.blogjava.net/toby/archive/2009/03/18/260589.html#Feedback0http://www.blogjava.net/toby/comments/commentRss/260589.htmlhttp://www.blogjava.net/toby/services/trackbacks/260589.htmlJS树 录结构菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/dir1.htm
简单树型菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0035.htm
经典树型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/content.htm
顶部滑动菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/show.htm
左边滑动菜单（可随滚动条滚动而变化）演示地址： http://vip.5d.cn/flood/myjs/htm/menu/sidemenu.htm
左侧菜单1 演示地址： http://vip.5d.cn/flood/myjs/baoku/0008.htm
左侧菜单2 演示地址： http://vip.5d.cn/flood/myjs/baoku/0010.htm
键盘控制菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0009.htm
QQ菜单生成器 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/qqhtm.htm
QQ菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/qq/qqmenu.htm
软件型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/menu2.htm
五角型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm
像素渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/dmenu.htm
渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/coolmenu.htm
多级渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/coolmenus3.htm
三级关联菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0037.htm
链接菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0038.htm
功能型右键菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0141.htm
滑动导航 演示地址： http://vip.5d.cn/flood/myjs/baoku/0148.htm
收藏夹式树型菜单 演示地址：http://vip.5d.cn/flood/myjs/baoku/0155.htm
图片下拉导航 演示地址： http://vip.5d.cn/flood/myjs/baoku/0152.htm
滑动菜单 http://vip.5d.cn/flood/menu/hdmenu.htm
淡入淡出菜单 http://vip.5d.cn/flood/menu/drdc.htm
伸缩菜单 http://vip.5d.cn/flood/menu/ssmenu.htm
伸缩菜单1 http://vip.5d.cn/flood/menu/ssmenu1.htm
拖动改变次序的XML树型菜单 http://vip.5d.cn/flood/menu/xmlmenu.htm
多级滑动菜单 http://vip.5d.cn/flood/menu/mutimenu.htm
xp样式菜单1 http://vip.5d.cn/flood/menu/xpmenu.htm
xp样式菜单2 http://vip.5d.cn/flood/menu/xpmenu1.htm? 录结构菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/dir1.htm
简单树型菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0035.htm
经典树型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/content.htm
顶部滑动菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/show.htm
左边滑动菜单（可随滚动条滚动而变化）演示地址： http://vip.5d.cn/flood/myjs/htm/menu/sidemenu.htm
左侧菜单1 演示地址： http://vip.5d.cn/flood/myjs/baoku/0008.htm
左侧菜单2 演示地址： http://vip.5d.cn/flood/myjs/baoku/0010.htm
键盘控制菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0009.htm
QQ菜单生成器 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/qqhtm.htm
QQ菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/qq/qqmenu.htm
软件型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/menu2.htm
五角型菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm
像素渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/dmenu.htm
渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/coolmenu.htm
多级渐变菜单 演示地址： http://vip.5d.cn/flood/myjs/htm/menu/coolmenus3.htm
三级关联菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0037.htm
链接菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0038.htm
功能型右键菜单 演示地址： http://vip.5d.cn/flood/myjs/baoku/0141.htm
滑动导航 演示地址： http://vip.5d.cn/flood/myjs/baoku/0148.htm
收藏夹式树型菜单 演示地址：http://vip.5d.cn/flood/myjs/baoku/0155.htm
图片下拉导航 演示地址： http://vip.5d.cn/flood/myjs/baoku/0152.htm
滑动菜单 http://vip.5d.cn/flood/menu/hdmenu.htm
淡入淡出菜单 http://vip.5d.cn/flood/menu/drdc.htm
伸缩菜单 http://vip.5d.cn/flood/menu/ssmenu.htm
伸缩菜单1 http://vip.5d.cn/flood/menu/ssmenu1.htm
拖动改变次序的XML树型菜单 http://vip.5d.cn/flood/menu/xmlmenu.htm
多级滑动菜单 http://vip.5d.cn/flood/menu/mutimenu.htm
xp样式菜单1 http://vip.5d.cn/flood/menu/xpmenu.htm
xp样式菜单2 http://vip.5d.cn/flood/menu/xpmenu1.htm?

tobyxiong 2009-03-18 21:36 发表评论
]]>