Tips展开关闭问答代码

最新推荐文章于 2019-01-08 04:54:59 发布
最新推荐文章于 2019-01-08 04:54:59 发布
阅读量134 收藏
点赞数
分类专栏： 细细品味-Jquery 细细品味-Javascrip 文章标签： javascript jquery ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sungang1120/article/details/84538941
版权 
function show(c_Str,imgg){
		if(document.all(c_Str).style.display=='none'){
			document.all(c_Str).style.display='block';
			document.all(imgg).src='http://www.lanrentuku.com/down/js/images/12493937251.gif'
		}else{
			document.all(c_Str).style.display='none';
			document.all(imgg).src='http://www.lanrentuku.com/down/js/images/12493937250.gif'
		}
	}

	function preview(){
		pr=window.open('','Preview','scrollbars=1,menubar=1,status=1,width=480 height=320,left=10,top=10');
		pr.document.write(jstxt.innerText);
	}

 

 

CSS:

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
}

 

<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" 
          οnclick='show("tip432","img432")'><IMG 
            id=img432 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> 登陆的快捷方式 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20"  height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip331","img331")'><IMG 
            id=img331 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> 怎样在DOS下安装Win2000 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip247","img247")'><IMG 
            id=img247 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> 硬盘容量比说明要小。 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip166","img166")'><IMG 
            id=img166 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> Mfm1992是病毒文件吗 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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是由于智能ABC的词库出错而产生的一个文件。由于智能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" 
          οnclick='show("tip158","img158")'><IMG 
            id=img158 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> IE无法在新窗口打开链接 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip134","img134")'><IMG 
            id=img134 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> Win2000中自动关闭停止响应的程序 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip132","img132")'><IMG 
            id=img132 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> 更快的在运行中输入 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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" 
          οnclick='show("tip114","img114")'><IMG 
            id=img114 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> XP:pagefile.sys和hiberfil.sys 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
              </TABLE></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">这两个文件一个是分页文件，一个是保存休眠时数据的文件，并且他们是默认隐藏的，</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" 
          οnclick='show("tip113","img113")'><IMG 
            id=img113 hspace=1 src="http://www.lanrentuku.com/down/js/images/12493937250.gif" align=absMiddle 
            border=0> 懒人图库 
              <TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
                <TBODY>
                  <TR> 
                    <TD width="20" 
        height=1 colSpan=2 background=images/bg-line.gif></TD>
                  </TR>
                </TBODY>
            </TABLE></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">学会偷懒，并懒出境界是提高工作效率最有效的方法！www.lanrentuku.com<BR>
              </DIV></TD>
          </TR>
        </TBODY>
      </TABLE></td>
  </tr>
</table>

 

 效果：



 

sungang1120
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Tips展开关闭问答代码.rar
07-04
本资源"Tips展开关闭问答代码.rar"似乎包含了一个用于实现问答式菜单导航的JS特效代码。这样的功能常见于在线教育平台、论坛或知识分享网站，用户可以通过点击问题来展开或关闭对应的答案，提高用户体验。 首先，...
jquery-tips悬浮提示插件说明
流星1688
09-05 3180
jquery-tips悬浮提示插件说明
JS tips
weixin_33929309的博客
01-08 76
===============add element================= function AddControl(objId){   var container  = document.getElementById(objId);   var fIndex=1;      for(var i=0; i&lt;container.childNodes.length; i++)   {...
html中鼠标点击展开关闭层效果
ma20120607的专栏
08-25 2662
点击展开 这里面放的是box的内容.
UGUI屏幕点击关闭Tips小技巧
07-15 1820
在做MMORPG 游戏中在UI上会有很多的Tips弹窗的UI，策划的需求是点击Tips外面要关闭这个Tips那么我们首先想到的做法是，获取点击的区域或者对象判断是否点击是 tipsUI如果是则不关闭，如果不是则关闭Tips,那么这样的做法有很多，其中一个是设置一个透明image背景，然后在这个Image上添加Button组件，当点击这个背景时关闭这个tips弹窗，当然这个背景要扩展到整个屏幕，然后...
Tips展开关闭问答特效代码
03-20
【标题】"Tips展开关闭问答特效代码"涉及的是在网页设计或前端开发中实现一种交互式的问答效果。这种效果通常指的是在用户点击问题时，答案会以动画的形式展开，再次点击则关闭答案显示。这种特效可以提升用户体验，...
Android代码-Android-Tips
08-06
Android-Tips This is an awesome list of tips for android. If you are a beginner, this list will be the first choice for you when you have a difficult time. Welcome Star and Fork, your support is my ...
javascript tips提示框组件实现代码
10-28
JavaScript Tips提示框组件是一种常见的用户交互元素，用于在鼠标悬停在特定元素上时显示额外信息。这个组件的实现代码展示了如何用纯JavaScript创建一个功能类似于`title`属性但更加强大的提示效果。下面我们将详细...
Tips 带三角可关闭的文字提示
12-01
【Tips 带三角可关闭的文字提示】是一种网页设计中的元素，它用于向用户显示一些额外的信息或指导，同时提供一种交互方式让用户可以关闭提示。这种提示通常具有一个指向提示内容的三角形指示器，以及一个可选的关闭...
js 获取 select的option的 value值 和 id值
sungang1120的专栏
05-21 1471
&lt;select class="select_w220" id="usertype" name="userRoleId"  style="width: 204px; height: 24x;" onchange =  getOptionIdOrValue();&gt;&lt;option value=""&gt;--请选择--&lt;/option&gt;
最新省市县行政区域（含编码）XML和JSON数据格式（含测试入库代码）
sungang1120的专栏
12-04 1248
private Area area; int pid1 = 0; int pid2 = 0; @Autowired private IAreaService areaService; public String insert() throws Exception { String path = ServletActionContext.getS...
JS获取当前时间 格式 年月日 星期几 显示阴历日期 节气
sungang1120的专栏
07-06 1055
JS获取当前时间  格式 年月日 星期几 显示阴历日期  节气       显示结果格式：2013年07月06日 星期六 农历癸巳年 五月廿八 明日 小暑             调用格式：        //获取当前时间       var nowDateInfo = getNowDate();       //$("#nowDateInfo").html(nowDateInf...
js判断 上传文件类型必须是图片格式的
sungang1120的专栏
06-13 960
function isImg(str)  {      if(str.search("[.]+(jpg|jpeg|swf|gif|png|JPG|JPEG|SWF|GIF|PNG)$"))      {          return false;    }      return true;  }  // 截取url后面的文件类型function getUploadUrlSuffix(urlS...
js Window学习（四）Window History 对象 上一页 下一页，方法
sungang1120的专栏
05-17 706
Window History window.history 对象在编写时可不使用 window 这个前缀。 为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。 一些方法： history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 Window History Back h...
js弹出div 控制div在窗口中的位置 居中
sungang1120的专栏
04-08 594
div代码   &lt;!-- 修改个人信息失败弹出div --&gt;    &lt;div class="puw" display: none;"        id="editUserFail" align="center"&gt;        &lt;div class="puw_title"&gt;            &lt;div cla
js 获取 chenkbox选中的值 和 radio选中的值
sungang1120的专栏
06-14 521
    //获取浮选框选中的value的值    //chenkboxName复选框的name值    function getChenkboxValue(chenkboxName){        var cbv = "";        var j = 0;        var checkboxValue = document.getElementsByName(chenkboxName...
js 控制新打开一个登录界面登录之后关闭当前页 返回父窗口并刷新
sungang1120的专栏
04-08 502
JS代码   ,关闭当前页面        1，不带任何提示关闭窗口的js代码 &lt;a href="javascript:window.opener=null;window.open('','_self');window.close();"&gt;关闭&lt;/a&gt;     .2，自定义提示关闭 &lt;script language="javascript"&gt...
jQuery 上下无缝滚动插件 列表溢出高度时 自动上下无缝滚动
sungang1120的专栏
07-09 474
&lt;style type="text/css"&gt;*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}a,a:visited{color:#5e5e5e; text-decoration:none;}a:hover{color:#b52725;text-decoration:underline;}.clear{displa...
鼠标移除绑定layer.tips 关闭
最新发布
06-10
您可以使用以下代码来实现鼠标移除时关闭 `layer.tips`： ```javascript layer.tips('您要展示的内容', '#目标元素', { tips: [1, '#000'], // 设置样式 closeBtn: 1 // 显示关闭按钮 }); // 绑定鼠标移除事件 $...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值