zoukankan
html css js c++ java
CnBlogs.Com用到的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; 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"> <img src="/images/outliningindicators/none.gif" align="top"><span style="color: #0000ff"><</span><span style="color: #800000">html</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"> </span><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"> </span><span style="color: #0000ff"><</span><span style="color: #800000">meta </span><span style="color: #ff0000">http-equiv</span><span style="color: #0000ff">="content-type"</span><span style="color: #ff0000"> content</span><span style="color: #0000ff">="text/html; charset=gb2312"</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"> </span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"> <br><img src="/images/outliningindicators/none.gif" align="top"> </span><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></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="/images/outliningindicators/expandedblockstart.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="/images/outliningindicators/contractedblock.gif" align="top"> </span><span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">language</span><span style="color: #0000ff">="javascript"</span><span style="color: #0000ff">></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="http://www.cnblogs.com/images/dot.gif"></span><span id="codehighlighter1_136_591_open_text" style="display: inline"><span style="color: #000000; background-color: #f5f5f5"> <br><img src="/images/outliningindicators/inblock.gif" align="top"> </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="/images/outliningindicators/inblock.gif" align="top"></span><span style="color: #000000; background-color: #f5f5f5"> </span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5"> 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="/images/outliningindicators/inblock.gif" align="top"> </span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5"> 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="/images/outliningindicators/inblock.gif" align="top"> </span><span style="color: #0000ff; background-color: #f5f5f5">var</span><span style="color: #000000; background-color: #f5f5f5"> 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="/images/outliningindicators/inblock.gif" align="top"> </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="/images/outliningindicators/expandedsubblockstart.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="/images/outliningindicators/contractedsubblock.gif" align="top"> </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="http://www.cnblogs.com/images/dot.gif"></span><span id="codehighlighter1_377_422_open_text"><span style="color: #000000; background-color: #f5f5f5">{ <br><img src="/images/outliningindicators/inblock.gif" align="top"> 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">; <br><img src="/images/outliningindicators/expandedsubblockend.gif" align="top"> }</span></span><span style="color: #000000; background-color: #f5f5f5"> <br><img src="/images/outliningindicators/inblock.gif" align="top"> 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="/images/outliningindicators/inblock.gif" align="top"> 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"><</span><span style="color: #000000; background-color: #f5f5f5">a 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"> 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"> 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"> </span><span style="color: #000000; background-color: #f5f5f5">><</span><span style="color: #000000; background-color: #f5f5f5">img 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"> 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"> </span><span style="color: #000000; background-color: #f5f5f5">></</span><span style="color: #000000; background-color: #f5f5f5">a</span><span style="color: #000000; background-color: #f5f5f5">></span><span style="color: #000000; background-color: #f5f5f5">'; <br><img src="/images/outliningindicators/expandedblockend.gif" align="top"> </span></span><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"> </span><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span><span style="color: #000000"> <br><img src="/images/outliningindicators/none.gif" align="top"></span><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span> </div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
线程、协程、Goroutine的区别和联系
Docker是如何实现跨平台的等问题
Docker容器与虚拟机有什么区别?
带www和不带www的域名有什么区别
netty 入门前阅读
netty 入门示例
thingsboard 入门教程
RSAUtil 工具类
java zip 打包
redis 详细讲解
原文地址:https://www.cnblogs.com/Dicky/p/262324.html
最新文章
【转】Linux磁盘文件系统类型
Linux服务器iops性能测试-iozone
选型对比链接汇总
【转】Linux进程绑CPU核
Linux进程优先级查看及修改
【转】Linux查看物理CPU个数、核数、逻辑CPU个数
Linux系统资源查询命令(cpu、io、mem)
136. 只出现一次的数字(c++)
206. 反转链表(c++)
344. 反转字符串(c++)
热门文章
292. Nim 游戏
557. 反转字符串中的单词 III(c++)
104. 二叉树的最大深度(c++)
237 删除链表中的节点(c++)
Golang 匿名字段
Golang中对new和make的理解
Golang中变量的分配位置是堆or栈
编程语言中闭包的概念
理解Golang包导入,import、包名、目录名的关系
Goroutine的调度模型
Copyright © 2011-2022 走看看