Code folding function of CSS control used by cnblogs. com
Last Update:2018-12-07
Source: Internet
Author: User
Code : <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" <br/> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </P> <p> <HTML xmlns = "http://www.w3.org/1999/xhtml" lang = "ZH-CN"> <br/> <pead> <br/> <title> cnblogs. test the code folding function of CSS control used by com </title> <br/> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "/> <br/> <meta name =" generator "content =" editplus "/> <br/> <meta name =" author "content = ""/> <br/> <meta name = "keywords" content = ""/> <br/> <meta name = "Description" content = ""/> <br/> </pead> </P> <p> <body> <br/> the code of close.htm on the webpage is as follows: <br> <br/> <Div style = "border-Right: # cccccc 1px solid; padding-Right: 5px; border-top: # cccccccc 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 "> <br/> <span style =" color: # 0000ff "> & lt; </span> <span style = "color: #800000"> HTML </span> <span style = "color: # 0000ff"> & gt; </span> <span style = "color: #000000"> <br/> <br> & 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/> <br> & 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/> <br> & 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/> <br> <br/> <br> & 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/> <br> & 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 "> </span> <span id =" codehighlighter1_136_591_open_text "style =" display: inline "> <span style =" color: #000000; Background-color: # f5f5f5 "> <br/> <br> & nbsp; & nbsp; </span> <span style = "color: #008000; Background-color: # f5f5f5 ">/// </span> <span style =" color: #008000; Background-color: # f5f5f5 "> code for disabling the Control List </span> <span style =" color: #008000; Background-color: # f5f5f5 "> <br/> <br> </span> <span style =" color: #000000; background-color: # f5f5f5 "> & 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.doc ument. 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/> <br> & 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.doc ument. 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/> <br> & 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.doc ument. 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/> <br> & nbsp; & nbsp; </span> <span style = "color: # 0000ff; Background-color: # f5f5f5 "> If </span> <span style =" color: #000000; Background-color: # f5f5f5 "> (parentfollow) <br/> <br> & 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 "> </span> <span id =" codehighlighter1_377_422_open_text "> <span style =" color: #000000; Background-color: # f5f5f5 ">{< br/> <br> & 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; <br/> <br> & nbsp; & nbsp; & nbsp ;}</span> <span style = "color: #000000; background-color: # f5f5f5 "> <br/> <br> & 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/> <br> & nbsp; & nbsp; parentfollowimg. innerhtml </span> <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; 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 "> Expand the post list </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/> <br> & nbsp; & nbsp; </span> <span style = "color: # 0000ff"> & lt;/</span> <span style = "color: #800000 "> script </span> <span style =" color: # 0000ff "> & gt; </span> <span style =" color: #000000 "> <br/> <br> & 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/> <br> </span> <span style =" color: # 0000ff "> & lt;/</span> <span style =" color: #800000 "> HTML </span> <span style =" color: # 0000ff "> & gt; </span> <br/> </div> <br/> </body> <br/> </ptml>
[Ctrl + A select all prompt: you can modify part of the code first, then click to run the Code]