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

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
  • previousSibling,代表处于同一树层级之前紧跟的元素,之后紧跟的元素属性为nextSibling。注意,一定是同一树层级。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-23

  • jquery实现点击按钮展开与收起动画: jquery:toggle()方法可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用。 语法: toggle(fn,fn2,[fn3,fn4...]),其中fn、fn2、fn3等函数依次调用。 js: $(document).ready(function(){ $("#strHref").toggle(function(){ $("#hpn").fadeIn(); $(this).text("收起-"); },function(){ $("#hpn").hide(1000); $(this).text("更多选项+"); }); });
    查看全部
  • 使用javascript实现定时展开与收起: var h=0; //增加高度函数addH() function addh() { if(h<300){ h+=5; document.getElementById("pn").style.height=h+"px"; }else{ return; } setTimeout("addh()",50); } //网页加载完毕时,调用增加高度函数addH(),等待5秒钟后调用减少高度函数subh()。 window.onload=function fun(){ addh(); setTimeout("subh()",5000); } // 减少高度函数subH() function subh() { if(h>0){ h-=5; document.getElementById("pn").style.height=h+"px"; }else { document.getElementById("pn").style.dispaly="none"; return; } setTimeout("subh()",30); }
    查看全部
  • 使用javascript实现点击按钮控制展开收起: getElementById()方法可返回对拥有指定Id的第一个对象的引用。 js: 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()"; } html: div id="hpn" > <p> 价格:5000元以上 4000-4999 3000元以下</p> <p> 特点:0元购机 防水 长待机</p> </div> <a href="javascript:showdiv()" id="strHref" class="btn-slide">展开</a>
    查看全部
  • $(function(){ $("#strHref").toggle(function(){ $(this).text("收起-"); $("#hpn").show(1000); },function(){ $(this).text("更多+"); $("#hpn").hide(1000); }); });
    查看全部
  • setTimeout("function()",30); -------------------------------每隔30毫秒,调用函数function()一次
    查看全部
  • 注意:一、页面延伸 二、将“更多”变为“收齐”
    查看全部
  • 容器包含两个内容:一是:显示选项的内容;二是:隐藏选项的内容 另外,更多选项/收起
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-10

  • nextSibling 下一個兄弟節點 prevrousSibling 上一個兄第節點 parentNode 父節點 單擊時傳數值進來:onclick="showdiv(this)"; 瀏覽器兼容:在正文部分寫:if(y.nodeType != 1){y=y.nextSibling;}
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • mark;
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-10

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-10

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-09

  • 容器包含两个内容:一是:显示选项的内容;二是:隐藏选项的内容 另外,更多选项/收起
    查看全部
  • 注意:一、页面延伸 二、将“更多”变为“收齐”
    查看全部

举报

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

微信扫码,参与3人拼团

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

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