0155.htm

最全的JS大全,希望大家喜欢.收录于网络.收录于网络.最全的JS大全,希望大家喜欢.

            内 </b>
            <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')>
            <br>
            <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd">
              <tr> 
                <td></td>
              </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
              <tr> 
                <td> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
                    <form name="form1" method="post" action="">
                      <tr> 
                        <td> 
                          <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10">&lt;!-- 显示你的收藏夹内容代码开始 --&gt;
&lt;div class=&quot;outer&quot; style=&quot;width: 180px;margin: 10px;&quot;&gt;
&lt;div class=&quot;inner&quot; style=&quot;width: 180px;&quot;&gt;
&lt;div class=&quot;favMenu&quot; id=&quot;aMenu&quot;&gt;
 &lt;div class=&quot;topFolder&quot; id=&quot;samples&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;网页制作&lt;/div&gt;
  &lt;div class=&quot;sub&quot; id=&quot;samplesSub&quot;&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.flashempire.com&quot; 
  title=&quot;(Updated: 980701)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;闪客帝国&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.blueidea.com&quot; title=&quot;(Updated: 
  980701)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;蓝色理想&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.flashsun.com&quot; title=&quot;(Updated: 
  980630)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;闪盟在线&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://jet.cnnf.net&quot; title=&quot;(Updated: 
  980628)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;织梦地带&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.design-z.net&quot; title=&quot;(Updated: 
  980605)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;设计地带&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.fwcn.com&quot; title=&quot;Uses 
  one &amp;lt;TEXTAREA&amp;gt; and one &amp;lt;IFRAME&amp;gt; for preview. (Updated: 
  980318)&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;点燃灵感&lt;/div&gt;
  &lt;div class=&quot;subItem&quot; href=&quot;http://www.windstudio.net&quot; 
  title=&quot;Use rich text tooltips. (Updated: Way back!)&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/htmlicon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;风的论坛&lt;/div&gt;
  &lt;/div&gt;
 &lt;div class=&quot;topFolder&quot; id=&quot;docs&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;多级目录&lt;/div&gt;
  
  &lt;div class=&quot;sub&quot; id=&quot;docsSub&quot;&gt;
  &lt;div class=&quot;subFolder&quot; id=&quot;subdocs&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;二级目录&lt;/div&gt;
  
  &lt;div class=&quot;sub&quot; id=&quot;subdocsSub&quot;&gt;
  &lt;div class=&quot;subFolder&quot; id=&quot;evendocs&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;三级目录&lt;/div&gt;
  &lt;div class=&quot;sub&quot; id=&quot;evendocsSub&quot;&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 3.1&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 3.2&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 2.1&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 2.2&lt;/div&gt;

  &lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 1&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 2&lt;/div&gt;
 &lt;div class=&quot;subFolder&quot; id=&quot;subdocs2&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;二级目录&lt;/div&gt;
  
  &lt;div class=&quot;sub&quot; id=&quot;subdocs2Sub&quot;&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 2.1&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 2.2&lt;/div&gt;
  &lt;div class=&quot;subFolder&quot; id=&quot;evendocs2&quot;&gt;&lt;img class=&quot;icon&quot; 
  src=&quot;imgs/foldericon.gif&quot; WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;三级目录&lt;/div&gt;
  
  &lt;div class=&quot;sub&quot; id=&quot;evendocs2Sub&quot;&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 3.1&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 3.2&lt;/div&gt;
  &lt;/div&gt;

  &lt;/div&gt;
  
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 3&lt;/div&gt;
  &lt;div class=&quot;subItem&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/htmlicon.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;doc 4&lt;/div&gt;

  &lt;/div&gt;&lt;!-- for docsSub--&gt;
 
 &lt;div class=&quot;topFolder&quot; id=&quot;todo&quot; style=&quot;font-weight: 
  bold;&quot;&gt;&lt;img class=&quot;icon&quot; src=&quot;imgs/sched.gif&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;16&quot;&gt;计划任务&lt;/div&gt;
  &lt;div class=&quot;sub&quot; id=&quot;todoSub&quot; style=&quot;padding-left: 
  22px;&quot;&gt;
  &lt;div&gt;我们尽力做到最好！&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;topItem&quot; href=&quot;http://www.51js.com/&quot;&gt;&lt;img 
  class=&quot;icon&quot; src=&quot;imgs/home.gif&quot; style=&quot;height: 17px&quot; 
  WIDTH=&quot;16&quot; HEIGHT=&quot;17&quot;&gt;无忧主页&lt;/div&gt;
&lt;/div&gt;&lt;!-- for favMenu--&gt;
&lt;/div&gt;&lt;!-- for inner--&gt;
&lt;/div&gt;&lt;!-- for outer--&gt;
&lt;div id=&quot;aMenuUp&quot; class=&quot;scrollButton&quot;&gt;5&lt;/div&gt;	
  &lt;!-- These are the two --&gt;
  &lt;div id=&quot;aMenuDown&quot; class=&quot;scrollButton&quot;&gt;6&lt;/div&gt; 
  &lt;!-- scroll buttons --&gt;
&lt;!-- 代码结束 --&gt;</textarea>
                        </td>
                      </tr>
                    </form>
                  </table>
                  <p><font color="#990033">至此你已经可以做出一个实例了</font></p>
                </td>
              </tr>
            </table>
           
           
          
            
          
                 
                
            <br>
            <img src="imgs/step3.gif" width="30" height="30"> <b>如何改变收藏夹的内容</b><br>
            <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd">
              <tr> 
                <td></td>
              </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
              <form name="form1" method="post" action="">
                <tr> 
                  <td>留意上方的代码片段，你应注意到内容是由Div标签加某个风格class来定义其类型的，有以下几种<br>
                    topFolder, topItem, subFolder, subItem 与 sub <br>
                    <br>
                    这里是一个简单的例子 <br>
                    <table width="100%" border="0" cellpadding="10" bgcolor="#eeeeee">
                      <tr>
                        <td>&lt;div class=&quot;topFolder&quot; id=&quot;test&quot;&gt;This 
                          is a folder&lt;/div&gt;<br>
                          &lt;div class=&quot;sub&quot; id=&quot;testSub&quot;&gt;<br>
                          &lt;div class=&quot;subItem&quot;&gt;This is a sub item&lt;/div&gt;<br>
                          &lt;/div&gt;</td>
                      </tr>
                    </table>
                    <br>
                    注意当加入icon时请为img标签加上class风格名称为icon</td>
                </tr>
              </form>
            </table>
            
          </td>
              </tr> 
        
            </table>
            <br>
            <br>
          </td>
        </tr>
      </table>
  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="imgs/sq_3.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="imgs/sq_4.gif"    width=11 height="14"></TD>
  </TR>
</TABLE>
</BODY>
</HTML>