为了账号安全,请及时绑定邮箱和手机立即绑定

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
  • noload()事件,在页面或图像加载完成后立即发生
    查看全部
  • setTimeout(code,millisec)方法用于在指定的毫秒数后面调用函数或计算表达式
    查看全部
  • 两个盒子,一个隐藏盒子为了显示隐藏内容,另一个盒子为正文
    查看全部
  • text-decoration:none 去掉连接下划线
    查看全部
  • 大盒子的高度要设置为自动的高度,因为还有隐藏层,不能设置为固定高度
    查看全部
  • 9磅的字体比较清晰没有锯齿
    查看全部
  • div盒子做容器,容器里面要有展开的内容和隐藏的内容,然后还要有一个收起的控制按钮
    查看全部
  • 首先做一个div大容器,里面包含了可以显示的内容和可以影藏的内容 display:显示 padding:间距
    查看全部
  • 浏览器的兼容问题,为了避免查找的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 采集 收起 来源:浏览器兼容性

    2016-06-04

  • 1、nextSibling:返回某个元素之后紧跟的元素(处于同一树层级) 2、previousSibling:返回某节点之前紧跟的节点(处于同一树层级) 3、parentNode 为父节点
    查看全部
  • 浏览器兼容性 if (y.nodeType !=1){ y=y.nextSibling; } if (x.nodeType !=1){ x=x.previousSibling; }
    查看全部
    0 采集 收起 来源:浏览器兼容性

    2016-06-03

  • 1.jQuery的toggle()方法,可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用 语法:toggle(fn,fn2,...) 2.jQuery中$(document).ready(function (){})或者 $(function(){}); 等同于window.onload=function (){} .jQuery中text()修改文本内容等同于js中的innerText()。 innerHTML与innerText区别 innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText指的是从起始位置到终止位置的内容,但它去除Html标签。
    查看全部
  • 不同浏览器对节点的定义不同...有些浏览器认为,当P标签与DIV标签之间如果有空格(或者文字),则认为P标签的nextSibling标签不是DIV标签,而是内容为空格(或者文字)的text标签。 nextSibling:返回某个元素之后紧跟的元素(处于同一树层级) previousSibling:返回某节点之前紧跟的节点(处于同一树层级) parentNode 父节点
    查看全部
  • setTimeout(code,millisec)方法用于在指定的毫秒数后调用函数或计算表达式。动画展开时调用addH()函数,停留一段时间后调用函数subH()减少高度。用onload事件在加载页面完成时调用addH()
    查看全部
  • 当一个按钮实现不同的点击功能时,需要修改引用,用element.href属性修改 具体代码如下 <script type="application/x-javascript"> //展开 function showdiv(){ document.getElementById("hpn").style.display="block"; document.getElementById("strHref").innerHTML="收起-"; document.getElementById("strHref").href="javascript:hiddiv()"; } //隐藏 function hiddiv(){ document.getElementById("hpn").style.display="none"; document.getElementById("strHref").innerHTML="更多选项+"; document.getElementById("strHref").href="javascript:showdiv()"; } </script>
    查看全部

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS、JavaScript基础知识。
老师告诉你能学到什么?
1.掌握使用定时器控件动画。2.掌握节点式查找控件的方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!