217、如同IE的收藏夹一样

217、如同IE的收藏夹一样

以下代码加入<head>区域

<link rel="stylesheet" type="text/css" href="fav2.css">

<script type="text/javascript" src="fav2.js"></script>

以下代码加入<body>区域

<table width="113" border="0" cellspacing="0" cellpadding="0">

            <tr>

              <td><!-- 显示你的收藏夹内容代码开始 -->

                <div class="outer" style="width: 180px;margin: 10px;">

                  <div class="inner" style="width: 180px;">

                    <div class="favMenu" id="aMenu">

                      <div class="topFolder" id="samples"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">网页制作</div>

                      <div class="sub" id="samplesSub">

                        <div class="subItem" href="http://www.xinnew.com"

  title="(Updated: 980701)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com" title="(Updated:

  980701)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com" title="(Updated:

  980630)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com" title="(Updated:

  980628)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com" title="(Updated:

  980605)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com" title="Uses

  one <TEXTAREA> and one <IFRAME> for preview. (Updated:

  980318)"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">连接地址</div>

                        <div class="subItem" href="http://www.xinnew.com"

  title="Use rich text tooltips. (Updated: Way back!)"><img class="icon"

  src="sto/htmlicon.gif" width="16" height="16">连接地址</div>

                      </div>

                      <div class="topFolder" id="docs"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">多级目录</div>

                      <div class="sub" id="docsSub">

                        <div class="subFolder" id="subdocs"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">二级目录</div>

                        <div class="sub" id="subdocsSub">

                          <div class="subFolder" id="evendocs"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">三级目录</div>

                          <div class="sub" id="evendocsSub">

                            <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 3.1</div>

                            <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 3.2</div>

                          </div>

                          <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 2.1</div>

                          <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 2.2</div>

                        </div>

                        <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 1</div>

                        <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 2</div>

                        <div class="subFolder" id="subdocs2"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">二级目录</div>

                        <div class="sub" id="subdocs2Sub">

                          <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 2.1</div>

                          <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 2.2</div>

                          <div class="subFolder" id="evendocs2"><img class="icon"

  src="sto/foldericon.gif" width="16" height="16">三级目录</div>

                          <div class="sub" id="evendocs2Sub">

                            <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 3.1</div>

                            <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 3.2</div>

                          </div>

                        </div>

                        <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 3</div>

                        <div class="subItem"><img class="icon" src="sto/htmlicon.gif"

  width="16" height="16">doc 4</div>

                      </div>

                      <!-- for docsSub-->

                      <div class="topFolder" id="todo" style="font-weight:

  bold;"><img class="icon" src="sto/sched.gif"

  width="16" height="16">计划任务</div>

                      <div class="sub" id="todoSub" style="padding-left:

  22px;">

                        <div>我尽力做到最好!</div>

                      </div>

                      <div class="topItem" href="http://www.7stk.com/"><img

  class="icon" src="sto/home.gif" style="height: 17px"

  width="16" height="17">新思路网页特效集锦</div>

                    </div>

                    <!-- for favMenu--> </div>

                  <!-- for inner--> </div>

                <!-- for outer-->

                <div id="aMenuUp" class="scrollButton">5</div>

                <!-- These are the two -->

                <div id="aMenuDown" class="scrollButton">6</div>

                <!-- scroll buttons --> <!-- 代码结束 --> </td>

            </tr>

          </table>

 

Write a comment

Comments: 0