类似树形菜单的FAQ问答代码，可折叠展开

发布时间：2018-08-17 06:29:31 所属栏目：政策来源：站长网

导读：有段时间没发表网页特效了，最近烈火比较忙，单位的事特别多，今天是周末可以上点东西了，转自其它网站的一个可折叠展开的FAQ问答功能代码，看上去非常像树形菜单，这里主要用来做FAQ问答使用，特效中用到两个图片，分别是+和-号。效果演示： !doctype ht

　　有段时间没发表网页特效了，最近烈火比较忙，单位的事特别多，今天是周末可以上点东西了，转自其它网站的一个可折叠展开的FAQ问答功能代码，看上去非常像树形菜单，这里主要用来做FAQ问答使用，特效中用到两个图片，分别是+和-号。

　　效果演示：

<!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=gb2312" /> <title>faq问答无刷新功能的实现</title> <script> function show(c_str,imgg) {if(document.all(c_str).style.display=='none') {document.all(c_str).style.display='block'; document.all(imgg).src='/uploads/allimg/1011/jian.gif'} else{document.all(c_str).style.display='none'; document.all(imgg).src='/uploads/allimg/1011/jia.gif'}} </script> <script language=javascript>  </script> <style> a { color: red } .bg { border-right: #d0d0d0 1px solid; padding-right: 2px; border-top: #d0d0d0 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #d0d0d0 1px solid; color: black; padding-top: 2px; border-bottom: #d0d0d0 1px solid; background-color: infobackground } .arrow1 { font-size: 12px; color: white; font-family: webdings } .retxt { border-right: #000000 1px solid; padding-right: 2px; border-top: #000000 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #000000 1px solid; color: blue; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #dddddd } .body { background-color: white } </style> </head> <body> <table width="96%" height="18" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> <tr> <td> <table style="padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px" cellspacing=1 cellpadding=0 width="100%" border=0> <tbody> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip432","img432")'><img id=img432 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> 登陆的快捷方式</td> </tr> <tr> <td id=tip432 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">用win2000高级服务器版做服务器，即使打开了guest用户</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip331","img331")'><img id=img331 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> 怎样在dos下安装win2000</td> </tr> <tr> <td id=tip331 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">1、有2种常用的安装方法：硬盘安装和光驱安装。我推荐硬盘安装方式，这样一来安装速度快，二来以后安装驱动的时候比</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip247","img247")'><img id=img247 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> 硬盘容量比说明要小。</td> </tr> <tr> <td id=tip247 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">因为硬盘厂商计算容量的方法与操作系统的算法不同，厂家的k、m、g按乘1000的方式进位，而系统则是</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip166","img166")'><img id=img166 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> mfm1992是病毒文件吗</td> </tr> <tr> <td id=tip166 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">mfm1992是由于<b>智能abc</b>的词库出错而产生的一个文件。由于智能abc输入法的词库容量有限，</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip158","img158")'><img id=img158 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> ie无法在新窗口打开链接</td> </tr> <tr> <td id=tip158 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">关闭所有 ie 窗口. 点击开始，运行，输入以下命令: </div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip134","img134")'><img id=img134 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> win2000中自动关闭停止响应的程序</td> </tr> <tr> <td id=tip134 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">在windows 2000操作系统中，可以设置系统自动关闭停止响应的程序，只要你点桌面上</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip132","img132")'><img id=img132 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> 更快的在运行中输入</td> </tr> <tr> <td id=tip132 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">您常在运行中输入regedit或msconfig吗？是不是说觉得输入的字符太多了？你可把regedi</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip114","img114")'><img id=img114 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> xp:pagefile.sys和hiberfil.sys </td> </tr> <tr> <td id=tip114 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">这两个文件一个是分页文件，一个是保存休眠时数据的文件，并且他们是默认隐藏的，www.veryhuo.com/down</div></td> </tr> <tr> <td height=16 style="border-right: #cccccc 0px solid; border-top: #cccccc 0px solid; padding-left: 4px; border-left: #cccccc 0px solid; cursor: hand; color: #333333; border-bottom: #cccccc 0px solid; background-color: #ffffff" onclick='show("tip113","img113")'><img id=img113 hspace=1 src="/uploads/allimg/1011/jia.gif" align=absmiddle border=0> 搜啊网 </td> </tr> <tr> <td id=tip113 style="padding-right: 1px; display: none; padding-left: 1px; padding-bottom: 1px; padding-top: 1px" width="100%"> <div style="border-right: #808080 0px solid; padding-right: 4px; border-top: #808080 0px solid; padding-left: 4px; padding-bottom: 4px; border-left: #808080 0px solid; line-height: 150%; padding-top: 4px; border-bottom: #808080 0px solid; background-color: #f7f7ef">烈火下载为您提供高质量的学习资料！<br> </div></td> </tr> </tbody> </table></td> </tr> </table> </body></html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：云计算网_宿迁站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!