js轉場效果

來源:互聯網
上載者:User

標籤:style   blog   class   c   tar   ext   

<!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=utf-8" /><title>無標題文檔</title><style>body { margin:0; padding:0; text-align:center; font-size:12px; font-family:微軟雅黑,宋體,Arial;}#container { margin:0; padding:0; text-align:left;  width:100%; overflow:hidden}p,ul,li { margin:0; padding:0; list-style-type:none}a { text-decoration:none}#tab { width:100%;}#tab p a { display:block; height:40px; line-height:40px; text-align:center; width:140px; float:left; border:1px solid #e1e1e1; margin-right:10px; border-bottom:none; } .bg01 { color:#fff; background:#749731; border-bottom:1px solid #900;  font-size:12px;}.bg02 { color:#000; background:#e1e1e3;  font-size:12px;}.nr { width:100%; border:1px solid #e1e1e1; float:left; height:300px; background: #FFF;}.hidden { display:none}.unhidden { display:block}.newlisttable td{border-bottom:1px solid #efefef; height: 35px;}</style><script>function tab(id){for (i=1;i<3;i++){document.getElementById("a0"+i).className="bg02";document.getElementById("ul0"+i).className="hidden";}document.getElementById("a0"+id).className="bg01";document.getElementById("ul0"+id).className="unhidden";}</script></head><body><div id="container"><div id="tab">             <p>                <a id="a01" onclick="tab(1)" class="bg01">圖文資料</a>                <a id="a02" onclick="tab(2)" class="bg02">視頻資料</a>             </p>        <div style="clear:both;"></div>                  <div class="nr">                    <div id="ul01" class="unhidden">                    <table cellpadding="0" cellspacing="0" border="0" class="newlisttable" width="100%">                      <tbody><tr>                         <td align="right" width="10%">知識庫分類:</td><td align="left" width="90%"><select name="classid"><option value="">高血壓</option><option></option></select></td>                      </tr>                                           <tr>                          <td align="right">標題:</td><td align="left"><input type="text" name="qq" style="width:360px;"></td>                      </tr>                      <tr>                          <td align="right">消耗點數:</td><td align="left"><input type="text" style="width:48px;" value="0"> 點</td>                      </tr>                      <tr>                          <td align="right">審核:</td><td align="left"><input type="radio" name="issh" checked="" value="1"> 是<input type="radio" name="issh" value="0"> 否,推薦:<input type="radio" name="istj" value="1"> 是<input type="radio" name="istj" checked="" value="0"> 否</td>                      </tr>                      <tr>                          <td align="right">內容:</td><td align="left"><textarea rows="5" cols="70">做成富文字編輯器,可以上傳圖片,WORD,PDF等</textarea></td>                      </tr>                                            <tr>                          <td align="right"></td><td align="left"><input type="submit" value="提交資料" style="width:120px;height:30px;"></td>                      </tr>                      <tr>                       <td colspan="3"></td>                      </tr>                </tbody></table>                </div>                <div id="ul02" class="hidden">                          <table cellpadding="0" cellspacing="0" border="0" class="newlisttable" width="100%">                      <tbody><tr>                         <td align="right" width="10%">知識庫分類:</td><td align="left" width="90%"><select name="classid"><option value="">高血壓</option><option></option></select></td>                      </tr>                                           <tr>                          <td align="right">標題:</td><td align="left"><input type="text" name="qq" style="width:360px;"></td>                      </tr>                      <tr>                          <td align="right">消耗點數:</td><td align="left"><input type="text" style="width:48px;" value="0"> 點</td>                      </tr>                      <tr>                          <td align="right">審核:</td><td align="left"><input type="radio" name="issh" checked="" value="1"> 是<input type="radio" name="issh" value="0"> 否,推薦:<input type="radio" name="istj" value="1"> 是<input type="radio" name="istj" checked="" value="0"> 否</td>                      </tr>                      <tr>                          <td align="right">內容:</td><td align="left"><textarea rows="5" cols="70">做成富文字編輯器,可以上傳圖片,WORD,PDF等</textarea></td>                      </tr>                                            <tr>                          <td align="right"></td><td align="left"><input type="submit" value="提交資料" style="width:120px;height:30px;"></td>                      </tr>                      <tr>                       <td colspan="3"></td>                      </tr>                </tbody></table>                        </div>                    </div>            </div>         </div>    </body></html>

  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.