JS求问怎么让上面的展开下面的向下移?

求问怎么让上面的展开下面的向下移?图片说明

<!doctype html>



changeDocument


<br> var b=true;<br> function change()<br> {<br> /*<br> var divNode=byTag(&quot;div&quot;)[0];<br> if(b)<br> {<br> divNode.style.height=&quot;8px&quot;;<br> divNode.style.overflow=&quot;hidden&quot;;<br> b=false;<br> }<br> else<br> {<br> divNode.style.height=&quot;16px&quot;;<br> divNode.style.overflow=&quot;visible&quot;;<br> b=true;<br> }<br> */<br> if(divNode.className == &quot;close&quot;)<br> {<br> divNode.className = &quot;open&quot;;<br> }<br> else<br> {<br> divNode.className = &quot;close&quot;;<br> }<br> }<br><br> function list1(dtNode)<br> {<br> //var dtNode=byTag(&quot;dt&quot;)[0];<br> //var dtNode = event.srcElement;<br> var dlNode=dtNode.parentNode;<br> //var dlNode=byTag(&quot;dl&quot;)[0];<br> if(dlNode.className==&quot;open&quot;)<br> {<br> dlNode.className=&quot;close&quot;;<br> }<br> else<br> {<br> dlNode.className=&quot;open&quot;;<br> }<br> }<br> function list(dtNode)<br> {<br> var dlNode=dtNode.parentNode;<br> var dlNodes = byTag(&quot;dl&quot;);<br> for (var x=0;x&lt;dlNodes.length;x++)<br> {<br> if(dlNodes[x]==dlNode)<br> {<br> if(dlNode.className==&quot;open&quot;)<br> {<br> dlNode.className=&quot;close&quot;;<br> }<br> else<br> {<br> dlNode.className=&quot;open&quot;;<br> }<br> }<br> else<br> {<br> dlNodes[x].className=&quot;close&quot;;<br> }<br> }</p> <pre><code>} &lt;/script&gt; &lt;style type=&quot;text/css&quot;&gt; .open { overflow:visible; } .close { overflow:hidden; } dl { overflow:hidden; height:16px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭?&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭?&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭?&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭?&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;/body&gt; </code></pre> <p></html></p> <pre><code> </code></pre>
-1
扫码支付0.1元 ×
其他相关推荐
div设为浮动后,下面的文档向上移动,解决重叠
问题: 上方div设置浮动后,下面的div向上移动,重叠了,怎么解决重叠问题?解决方法 在下方div中添加样式,清除浮动,添加clear:both; 效果
ul中li元素的上移下移
&amp;lt;ul class=&quot;file-list&quot;&amp;gt;&amp;lt;/ul&amp;gt;onclick代码function downFile(obj,orderId){ var list = $(obj).parent().parent().parent().find(&quot;li&quot;);    var thisLocation = list.index($(obj).parent().parent()); if(...
display:line-block的标签有文字的下移问题
效果如图 &amp;lt;span class=&quot;a&quot;&amp;gt;1&amp;lt;/span&amp;gt; &amp;lt;span class=&quot;gray&quot;&amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&quot;red&quot;&amp;gt;1&amp;lt;/span&amp;gt; span{ display: inline-block;width: 200px;height:
js实现按钮进行某行上移下移
先上个通用简单的代码: 使用js实现上移、下移、置顶、置底功能及源码案例 .demo li{line-height: 30px;border-bottom: 1px solid #000;} .demo li a{padding: 0 20px;} 001 上移下移置顶置底 002 上移下移置顶置底 003 上移下移置顶置底 004 上移下移置顶置底
网页制作中,用CSS将文字上移或者下称的方法
用margin-top属性,将其值设置为负的,是上移;正值是下移。在做菜单条时一般会有用。参看曹鹏的CSS教程的3-04一节最后讲到。 line-height:12px          line-height 属性设置行间的距离(行高)。注释:不允许使用负值。
怎么把下划线整体下移上移,让下划线和文字距离随便调整。
怎么把下划线整体下移,让下划线和文字距离随便调整??? 如果你发现文字后面的空格不能加上下划线,请查看我这篇文章的解决方法,然后在继续下面的做法: 上面的没有问题就请看下面教程: 1. 2. 3.   4.   结果:
js如何实现数组数据的上移下移
Vue项目开发中碰到对表格数据实现上移,下移的需求,只是纯前端实现移动数组数据,不跟服务端做交互。 经研究,用splice方法简洁优雅,具体实现如下: // 上移,下移 onMove(code, dir) { let moveComm = (curIndex, nextIndex) =&amp;gt; { let...
JQuery操作html实现<li>标签上移和下移效果
1.为了方便操作元素,先定义一个css样式如: .optli{color:greee;} 2.将ul绑定(注册)点击事件 $('#ulName').on('click','li',nodeContent);                  //li点击事件 var nodeContent=function(){     $(this).addClass('optli').sibling
WPS中表格下移问题和段落问题
WPS表格一输入文字,表格就变形换到下一行去了。        解决方法:在表格属性中,将“”允许跨行分页”勾选取消。 WPS表格中按空格发现字不能倒退。 解决方法:有可能是段落问题,打开wps→视图→显示段落标记。将段落调整好就可以对文档段落进行修整好。
CSS/HTML 5 背景图片下移
CSS/HTML 5 背景图片下移说明css代码 说明 演示效果分辨率为1980x1080分辨率效果 高度可定制修改 纯css代码控制 不支持IE8兼容模式 css代码 在北京属性的后边加上center 与下移的高度 body { border-top: 1px solid #5e58ff; background: url(../img/banner.png) no-repeat cen...
上移下移实现逻辑
在开发中经常有上移、下移的操作,猛的一想感觉逻辑还很复杂,其实很简单主要有以下步骤: 首先页面上的展示列表在后台查询的时候要根据某个字段排序,这样展示的数据才是有序的,才可以实现此功能。 添加上移或者下移的时候需要把当前数据的ID和目标ID传到后台 后台排序的字段互换值,到前台后需要重新加载列表。 前台代码: $.each(json, function(index, item) { ...
table tr行上移 下移 删除 (1)
&amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&amp;gt; &amp;lt;title&amp
为什么display:line-block的a标签会加上文字之后会向下移动呢?
1.那是因为第二个标签是inline-block,它的对齐方式是基线对齐,对齐的是第一个元素里面字的下划线,所以第二个元素的下边缘对齐的是1的下划线,只要在第二个元素里面加内容或者加个空格(&nbsp;)就可以了。个人认为inline-block和inline性质一样,只是一个可以设置宽高一个不可以。 2.inline-block的默认对齐方式的问题 inlin
关于上移下移,一行代码完成数据交换
onMoveUp (index) { if (index !== 0) { this.swapArray(this.dataList, index, index - 1) } else { this.$message({message: '已经处于置顶,无法上移', type: 'warning'}) ...
JavaScript下实现交换数组元素上下移动例子
// 交换数组元素     var swapItems = function(arr, index1, index2) {         arr[index1] = arr.splice(index2, 1, arr[index1])[0];         return arr;     };       // 上移     $scope.upRecord = function(
js小效果:上移和下移!
body{                                      background:#D9D1CB;                                      margin:0;                             }                             ul,li {                    
js操作表格操方法,增加,删除行,上移,下移一行选定行
var mytable = null; window.onload = function () { mytable = new CTable("tbl", 10); //随机创建10行表格 } Array.prototype.each = function (f) { //数组的遍历 for
html table 上移下移
js操作表格操方法,增加,修改,删除,一行记录 随机选择行 添加一行 删除选定行 上移选定行 下移选定行 按第一列排序 按数据和排序   1 &amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.o...
table行的上移下移 上下移动
$(document).ready(function () {         $('.moveup').bind('click', function (e) {             var obj = $(e.target).closest('tr');             c_pre($(obj[0]));         });         $('.movedown')
对表数据进行(置顶,上移,下移,置底操作)---数据库sql
这两天一直在做社区论坛的帖子的(置顶,上移,下移,置底操作),下面是个人心得: -- 上一条:select * from 表 where 数据id<@当前显示数据id order by 数据_id asc) limit 1 -- 下一条:select * from 表 where 数据id>@当前显示数据id order by 数据_id desc) limit 1 -- 给新查
圆柱面的法向量
今天老师让做一个圆柱面的表面模型,由于需要添加光照,所以需要求得每个点的法向量,但是同时由于圆柱面是可以旋转变换的所以不能单纯的用CP3(x,y,z),与CP3(0,y,0)的差获取法向量。后来想到,由于圆柱面具有前后对称性,所以,可以利用前后两个相对的顶点相差得到某个点的法向量
利用dom节点实现上移下移
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;ul&amp;gt; &amp;l
圆柱面展开为平面的Fortran 程序
在CFD后处理过程中,有时需要将一个圆柱面上的参数展开为一个平面并导入到Tecplot中进行出云图或流线图,这就需要坐标变换,下面的程序就是采用Fortran编写的柱面展开程序。如果有建议,欢迎大家共同交流。 program main implicit none integer::i,j,k,n,stat real*8::theta character(len=100)str(50000...
js删除一行下面的文字往上移动
document.getElementById(str).style.display="none"; function ondelete(str) { document.getElementById(str).style.display="non
关于UITableview下移64的问题
在使用了navigationController之后, 把UITableview添加到UIView上面, UITableview出现了下移64, 这个时候我们可以使用下面的两种方式来解决 关闭tableView的自动布局. self.automaticallyAdjustsScrollViewInsets = NO; 但是苹果显然已经考虑到这个问题,他们早在 iOS 7 SDK 中为
js实现动画,右移、左移,上移,下移,左上角移动等
js实现动画,右移、左移,上移,下移,左上角移动等
js实现上移、下移置顶
html>head>meta charset="utf-8">meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> title>使用js实现上移、下移、置顶、置底功能及源码案例title>meta name="description" content=""> meta name="keyw
【JS】实现单选框的左右移动
实现以下效果的: 复选框 .div1{ width:110px; height:200px; float:left; text-align:center; line-height:190px; } .s{ width:100px; height:200px; background-color:#99CCFF; } .s1{ background-colo
[Android]当文字过长Button往下移解决方法
原因是,baselineAligned默认值是true,因此button会往下移使文字处于相同基线。在LinearLayout设置值为false可解决。android:baselineAligned="false"
html页面内容的收缩与展开
常见的网页中,会见到收缩和展开的效果。比如经常浏览网页里的新闻内容就会经常看到这种效果,新闻的内容只显示少数的一部分,然后后面会跟一个展开的链接,点击这个链接才会显示全部的新闻内容。1、收缩情况下显示内容效果2、点开之后显示的内容效果3、实现的代码如下:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;m...
js实现上移下移效果
1.前台jsp页面 无标题文档 姓名年龄班级操作 孙红波221班 胡俊232班 程阳243班 var tab = document.getElementById('tabid');//得到tab对象 function findIndex(e){ //e 即传递过来的按钮对象,
js上移下移功能
今天分享一下项目里面用到的一个小功能,实现上移下移的功能。 上移 下移 上移 下移 上移 下移 这里样式的话就不写了,可以根据自己的需求来定义,主要的还是逻辑部分。 var moveUporDown= {
WORD里面可以使表格从中间断开或往下移动一行的快捷键(不需要使用十字架移动表格)
WORD里面可以使表格从中间断开或往下移动一行的快捷键(不需要使用十字架移动表格) 光标放在表格第一行最后(表格外面),使用ctrl+shift+enter进行移动或者断开表格(亲测可用)
NX二次开发-获取面的法向向量UF_MODL_ask_face_data
NX9+VS2012 #include &amp;amp;amp;amp;amp;lt;uf.h&amp;amp;amp;amp;amp;gt; #include &amp;amp;amp;amp;amp;lt;uf_modl.h&amp;amp;amp;amp;amp;gt; #include &amp;amp;amp;amp;amp;lt;uf_obj.h&amp;amp;amp;amp;amp;gt; #include &amp;amp;amp;amp;amp;lt;uf_ui.h&amp
WPF导航菜单-仿OA导航
用WPF做的,类似TREEVIEW的导航控件。 点击某个标题的时候,自动展开下面的子项列表,同时关闭之前展开的子项列表。
gridview对某一行进行上移或下移
感谢作者: 来源:网络 http://hi.baidu.com/net1979/ 日期:2011-5-10 影响数:236 好评: 0  差评:0 分类: ASP.NET      关键字: 上移或下移 | 某一行进行上移或下移分为两种,服务器端或客户端,服务器端方法每上下一步都
文字垂直居中、垂直方向向下移动的方法
(1)设置line-height,比如a{line-height: 50px;}这样文本就会在垂直方向向下移动 (2)设置padding-top,margin-top
设置overflow:hidden导致相邻行内元素向下偏移的问题
&amp;lt;!-- html --&amp;gt; &amp;lt;div&amp;gt; &amp;lt;span&amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span&amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span&amp;gt;&amp;lt;/span&amp;gt; &amp;lt;/div&amp;gt; /* CSS */ div span{ display:inline-block; }
javaweb上移下移功能全过程
javaweb上移下移功能全过程
Oracle,实现一条记录的上移下移
对于一个元组的上移下移排序1.今天要和大家分享一个Oracle数据库实现对一条记录的上移下移功能对于熟悉PLSQL编程的人来说,语法之类自然已经是家常便饭了,在此我就不再赘述,那么我们直接上代码,表结构代码:create table STORAGE_LOCATION ( id NUMBER not null, storage_code VARCHAR2(100) not
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 javaee全面的学习 云计算方面的培训