展开与收起效果_学习笔记

首页免费课展开与收起效果笔记

展开与收起效果

                
                zongran
            Web前端工程师

                    查看讲师更多课程 
                    zongran讲师的其他课程
                
商城分类导航效果
初级·63737
免费课程
                                
                难度初级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.73
                            101人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.7
                                逻辑清晰

最热最新

旭旭宝宝

function showdiv() {//展开函数 document.getElementById("hpn").style.display="block"; document.getElementById("strHref").innerHTML="收起"； document.getElementById("strHref").href="javascript:hidediv()"; } function hidediv() {//收起函数 document.getElementById("hpn").style.display="none"; document.getElementById("strHref").innerHTML="展开"； document.getElementById("strHref").href="javascript:showdiv()"; }

查看全部

0 采集收起来源：编程练习
2018-03-22
小白__努努

关于图片: img { vertical-align:text-top; } baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部。 bottom 把元素的顶端与行中最低的元素的顶端对齐。 text-bottom 把元素的底端与父元素字体的底端对齐。 % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 inherit 规定应该从父元素继承 vertical-align 属性的值。 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部。 bottom 把元素的顶端与行中最低的元素的顶端对齐。 text-bottom 把元素的底端与父元素字体的底端对齐。 length % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 inherit 规定应该从父元素继承 vertical-align 属性的值。

查看全部

0 采集收起来源：jQuery实现点击按钮展开和收起动画效果
2018-03-22
mimimimimi_kun

修改 a的href属性为 "javascript:show()" 或"javascript:hide()" 设置onclick="show()" 好像不行

查看全部

0 采集收起来源：编程练习
2018-03-22
暴花花

展开与收起效果

查看全部

0 采集收起来源：编程练习
2015-06-25
暴花花

展开与收起效果

查看全部

0 采集收起来源：编程练习
2015-06-25
暴花花

展开与收起效果

查看全部

0 采集收起来源：编程练习
2015-06-25
君小宥

asd

查看全部

0 采集收起来源：编程练习
2015-06-16
君小宥

asd

查看全部

0 采集收起来源：编程练习
2015-06-16
VirgoYellow

宽度变化动画效果

查看全部

0 采集收起来源：编程挑战
2015-05-24
慕标3752996

document.getElementById().style.display="";修改指定DIV ID的样式 document.getElementById().innerHTML="";修改获取指定的ID的内部HTML代码 document.GetElementById().href="";修改获取指定ID的链接地址

查看全部

0 采集收起来源：编程练习
2018-03-22
ewall 01:09

if(y.nodeType!=1) y = y.nextSibling;

查看全部

0 采集收起来源：浏览器兼容性
2015-04-21
ewall 01:32

nextSibling跟previousSibling

查看全部

0 采集收起来源：使用JavaScript实现展开效果
2015-04-21
Moirai

@·浏览器兼容问题解决，为了避免查找的previousSibling，nextSibling是空白节点，判断其nodeType 1.if(x.nodeType!=1){ x=x.previousSibling; } 2.function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType == 3){ //判断下一个节点类型为3则是“文本”节点，回调自身函数 return getNextElement(node.nextSibling);

查看全部

0 采集收起来源：浏览器兼容性
2015-04-19
Moirai

nextSibling:返回某个元素之后紧跟的元素（处于同一树层级） previousSibling:返回某节点之前紧跟的节点（处于同一树层级） parentNode 父节点

查看全部

1 采集收起来源：使用JavaScript实现展开效果
2015-04-19
Moirai 00:45

第4章 jQuery实现点击按钮展开和收起动画 1.jQuery的toggle()方法，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用语法：toggle(fn,fn2,...) 2.jQuery中$(document).ready(function (){})或者 $(function(){}); 等同于window.onload=function (){} 3.jQuery中text()修改文本内容等同于js中的innerText（）。 4.jQuery中html()修改内部HTML代码，等同于JS中的innerHTML() 5.jQuery中show(1000)展开，1000是速度，可选 6.innerHTML与innerText区别 innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText指的是从起始位置到终止位置的内容,但它去除Html标签。

查看全部

0 采集收起来源：jQuery实现点击按钮展开和收起动画效果
2015-04-19