新思路网页特效集锦--特效代码

脚本特效展示

网页制作

连接地址

多级目录

二级目录

三级目录

doc 3.1

doc 3.2

doc 2.1

doc 2.2

doc 1

doc 2

二级目录

doc 2.1

doc 2.2

三级目录

doc 3.1

doc 3.2

doc 3

doc 4

计划任务

我尽力做到最好！

新思路网页特效集锦

还请大家下载两个文件：[fav2.css] and [fav2.js]

以下代码加入<head>区域

以下代码加入<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="imgs/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="imgs/htmlicon.gif" 
  width="16" height="16">连接地址</div>
                        <div class="subItem" href="http://www.xinnew.com" title="(Updated: 
  980701)"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">连接地址</div>
                        <div class="subItem" href="http://www.xinnew.com" title="(Updated: 
  980630)"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">连接地址</div>
                        <div class="subItem" href="http://www.xinnew.com" title="(Updated: 
  980628)"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">连接地址</div>
                        <div class="subItem" href="http://www.xinnew.com" title="(Updated: 
  980605)"><img class="icon" src="imgs/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="imgs/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="imgs/htmlicon.gif" width="16" height="16">连接地址</div>
                      </div>
                      <div class="topFolder" id="docs"><img class="icon" 
  src="imgs/foldericon.gif" width="16" height="16">多级目录</div>
                      <div class="sub" id="docsSub"> 
                        <div class="subFolder" id="subdocs"><img class="icon" 
  src="imgs/foldericon.gif" width="16" height="16">二级目录</div>
                        <div class="sub" id="subdocsSub"> 
                          <div class="subFolder" id="evendocs"><img class="icon" 
  src="imgs/foldericon.gif" width="16" height="16">三级目录</div>
                          <div class="sub" id="evendocsSub"> 
                            <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 3.1</div>
                            <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 3.2</div>
                          </div>
                          <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 2.1</div>
                          <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 2.2</div>
                        </div>
                        <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 1</div>
                        <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 2</div>
                        <div class="subFolder" id="subdocs2"><img class="icon" 
  src="imgs/foldericon.gif" width="16" height="16">二级目录</div>
                        <div class="sub" id="subdocs2Sub"> 
                          <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 2.1</div>
                          <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 2.2</div>
                          <div class="subFolder" id="evendocs2"><img class="icon" 
  src="imgs/foldericon.gif" width="16" height="16">三级目录</div>
                          <div class="sub" id="evendocs2Sub"> 
                            <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 3.1</div>
                            <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 3.2</div>
                          </div>
                        </div>
                        <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 3</div>
                        <div class="subItem"><img class="icon" src="imgs/htmlicon.gif" 
  width="16" height="16">doc 4</div>
                      </div>
                       
                      <div class="topFolder" id="todo" style="font-weight: 
  bold;"><img class="icon" src="imgs/sched.gif" 
  width="16" height="16">计划任务</div>
                      <div class="sub" id="todoSub" style="padding-left: 
  22px;"> 
                        <div>我尽力做到最好！</div>
                      </div>
                      <div class="topItem" href="http://code.jj88.net"><img 
  class="icon" src="imgs/home.gif" style="height: 17px" 
  width="16" height="17">新思路网页特效集锦</div>
                    </div>
                     </div>
                   </div>
                 
                <div id="aMenuUp" class="scrollButton">5</div>
                 
                <div id="aMenuDown" class="scrollButton">6</div>
                  </td>
            </tr>
          </table>