DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CnBlogs.Com用到的CSS控制的代碼折疊
CnBlogs.Com用到的CSS控制的代碼折疊
編輯:CSS詳解     

<!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" lang="zh-CN">
 <head>
  <title> CnBlogs.Com用到的CSS控制的代碼折疊功能測試 </title>
  <meta http-equiv="Content-Type" content="text/Html; charset=gb2312" />
  <meta name="Generator" content="EditPlus" />
  <meta name="Author" content="" />
  <meta name="KeyWords" content="" />
  <meta name="Description" content="" />
 </head>
 
 <body>
  跟帖關閉調用頁面close.htm代碼如下:<br>
  <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; Word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">
   <img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top"><span style="color: #0000ff">&lt;</span><span style="color: #800000">Html</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">meta&nbsp;</span><span style="color: #ff0000">http-equiv</span><span style="color: #0000ff">="content-type"</span><span style="color: #ff0000">&nbsp;content</span><span style="color: #0000ff">="text/Html;&nbsp;charset=gb2312"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">head</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img id="codehighlighter1_136_591_open_image" style="display: inline" onclick="this.style.display='none'; codehighlighter1_136_591_open_text.style.display='none'; codehighlighter1_136_591_closed_image.style.display='inline'; codehighlighter1_136_591_closed_text.style.display='inline';" src="/School/UploadFiles_7810/201104/20110411085118727.gif" align="top"><img id="codehighlighter1_136_591_closed_image" style="display: none" onclick="this.style.display='none'; codehighlighter1_136_591_closed_text.style.display='none'; codehighlighter1_136_591_open_image.style.display='inline'; codehighlighter1_136_591_open_text.style.display='inline';" src="/School/UploadFiles_7810/201104/20110411085118643.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">language</span><span style="color: #0000ff">="Javascript"</span><span style="color: #0000ff">&gt;</span><span id="codehighlighter1_136_591_closed_text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img src="/School/UploadFiles_7810/201104/20110411085118326.gif"></span><span id="codehighlighter1_136_591_open_text" style="display: inline"><span style="color: #000000; background-color: #f5f5f5">
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; background-color: #f5f5f5">//</span><span style="color: #008000; background-color: #f5f5f5">控制列表關閉的代碼</span><span style="color: #008000; background-color: #f5f5f5">
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top"></span><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;parentfollow</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">parent.document.getelementbyid(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">follow356</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">)
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;parentfollowtd</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">parent.document.getelementbyid(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">followtd356</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">)
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;parentfollowimg</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">parent.document.getelementbyid(</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">followimg356</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">)
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff; background-color: #f5f5f5">if</span><span style="color: #000000; background-color: #f5f5f5">(parentfollow)
   <br><img id="codehighlighter1_377_422_open_image" onclick="this.style.display='none'; codehighlighter1_377_422_open_text.style.display='none'; codehighlighter1_377_422_closed_image.style.display='inline'; codehighlighter1_377_422_closed_text.style.display='inline';" src="/School/UploadFiles_7810/201104/20110411085118902.gif" align="top"><img id="codehighlighter1_377_422_closed_image" style="display: none" onclick="this.style.display='none'; codehighlighter1_377_422_closed_text.style.display='none'; codehighlighter1_377_422_open_image.style.display='inline'; codehighlighter1_377_422_open_text.style.display='inline';" src="/School/UploadFiles_7810/201104/20110411085118785.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="codehighlighter1_377_422_closed_text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img src="/School/UploadFiles_7810/201104/20110411085118326.gif"></span><span id="codehighlighter1_377_422_open_text"><span style="color: #000000; background-color: #f5f5f5">{
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;parentfollow.style.display</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">none</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">;&nbsp;&nbsp;&nbsp;&nbsp;
   <br><img src="/School/UploadFiles_7810/201104/20110411085118515.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="color: #000000; background-color: #f5f5f5">
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;parentfollowtd.style.display</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">none</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">;
   <br><img src="/School/UploadFiles_7810/201104/20110411085118498.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;parentfollowimg.innerHtml</span>&lt;span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">'</span><span style="color: #000000; background-color: #f5f5f5">&lt;</span><span style="color: #000000; background-color: #f5f5f5">a&nbsp;href</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">open.htm</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;target</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">hiddenframe</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;&nbsp;title</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">展開帖子列表</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">&gt;&lt;</span><span style="color: #000000; background-color: #f5f5f5">img&nbsp;src</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">plus.gif</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;border</span><span style="color: #000000; background-color: #f5f5f5">=</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">0</span><span style="color: #000000; background-color: #f5f5f5">"</span><span style="color: #000000; background-color: #f5f5f5">&nbsp;</span><span style="color: #000000; background-color: #f5f5f5">&gt;&lt;/</span><span style="color: #000000; background-color: #f5f5f5">a</span><span style="color: #000000; background-color: #f5f5f5">&gt;</span><span style="color: #000000; background-color: #f5f5f5">';
   <br><img src="/School/UploadFiles_7810/201104/20110411085118780.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&;nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">
   <br><img src="/School/UploadFiles_7810/201104/20110411085116425.gif" align="top"></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">Html</span><span style="color: #0000ff">&gt;</span>
  </div>
 </body>
</Html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved