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

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
  • @·点击按钮控制展开与收起 结构分析,如下图
    查看全部
  • 1.setTimeout("subW()",20); 或者写成 setTimeout(subW,20); 2.写上body{margin:0 auto;padding:0}可以实现body没内外间距,而其他比如p、div有默认样式
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 为了浏览器兼容,一定要判断找到的节点nodeType是否为元素节点。 注意nextSibling、previousSibling中的空白文本节点,需要nodeType判断 var y=x.nextSibling; if(y.nodeType!=1) { y = y.nextSibling; }
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-07

  • 为了浏览器兼容: 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-07

  • nextSibling:返回某个元素之后紧跟的元素(处于同一树层级) previousSibling:返回某节点之前紧跟的节点(处于同一树层级) parentNode 父节点
    查看全部
  • 1.展开后为什么div#hpn及下面的内容都往上挪了一定距离又? 2.$("#strHref").text("收起-");中$("#strHref")可改成$(this)
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 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标签。
    查看全部
  • 1.setTimeout('subh()',30);函数要用引号括起 2.return是退出函数 3.在函数subh()里,如果在else里不写document.getElementById("pn").style.display = "none";,会发现div#pn不能完全收起来,最后会留一定的高度
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • document.getElementById("strHref").innerHTML="收起-";修改获取到id的内部html代码; document.getElementById("strHref").href="javascript:hidediv()";修改获取到id的超链接地址。 注意: 1.innerHTML和href前不需要加style这个词 2.在一个超链接单击时执行一个函数可以在a标签的href里加href="javascript:函数名();"
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • function show(){ docement.getElementById("hnp").style.display="block"; docement.getElementById("strHref").innerHTML="收起"; docement.getElementById("strHref").href="javascript:hide()" }
    查看全部
  • 兄弟关系和父子关系
    查看全部
  • 展开、收起效果所用方法和属性
    查看全部
    0 采集 收起 来源:回顾总结

    2015-03-09

  • js中的innerHTML()方法的意思是修改内部HTML代码,等同于JQuery中的html()。 而text()方法的意思是修改文本内容,与js中的innerText()类似。 innerHTML与innerText区别 innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText指的是从起始位置到终止位置的内容,但它去除Html标签。
    查看全部
  • text():修改文本内容。
    查看全部
  • 定时展开和收起广告效果: 1.增加高度函数并循环调用函数(展开效果) function addH(){ if(h<300){ h+=5; documentt.getElementById("pn").style.height=h+"px"; }else{ return; } setTimeout("addH()",30); } 2.收起效果 function subH(){ if(h>0){ h-=5; documentt.getElementById("pn").style.height=h+"px"; }else{ documentt.getElementById("pn").style.display="none"; return; } setTimeout("subH()",30); } 3.函数调用 window.onload=function (){ addH(); setTimeout("subH()",3000); }
    查看全部

举报

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

微信扫码,参与3人拼团

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

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