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

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
  • 查找元素
    查看全部
    0 采集 收起 来源:回顾总结

    2016-06-07

  • <script type="text/javascript"> var time = 300; var h = 0; function addCount() { if (time > 0) { time--; h = h + 5; } else { return; } if (h >= 300) //高度 { return; } else { document.getElementById("pn").style.height = h + "px"; } setTimeout("addCount()", 30); } window.onload = function showAds() { addCount(); setTimeout("noneAds()", 5000); //停留时间自己调了 } var T = 300; var N = 300; //高度 function noneAds() { if (T > 0) { T--; N = N - 5; } else { return; } if (N <= 0) { document.getElementById("pn").style.display = "none"; //document.getElementById("pn").style.height = "30px"; return; } else { document.getElementById("pn").style.height = N + "px"; } setTimeout("noneAds()", 30); } </script>
    查看全部
  • <script type="text/javascript"> $(document).ready(function () { $(".btn-slide").click(function () { $("#hpn").slideToggle(); }); }); </script>
    查看全部
  • <script type="text/javascript"> var time = 300; var h = 40; function showdiv(obj) { //obj.parentNode.nextSibling.nextSibling.style.display = "block"; var x = obj.parentNode.nextSibling; //包含众多空格作为文本节点,因此在我们使用nextSibling和previousSibling时就会出现问题。 //因为FireFox会把文本节点误当做元素节点的兄弟节点来处理。我们可以添加nodeType来判断。 //当上一节点或者是下一节点为文本节点时,就继续寻找,直到找到下一个元素节点。 // 其中nodeType的值主要有以下几种: // // 元素节点的nodeType值为1 // 属性节点的nodeType值为2 // 文本节点的nodeType值为3 if (x.nodeType != 1) { x = x.nextSibling; } x.style.display = "block"; obj.parentNode.style.display = "none"; } function hidediv(obj) { obj.parentNode.parentNode.style.display = "none"; var x = obj.parentNode.parentNode.previousSibling; if (x.nodeType != 1) { x = x.previousSibling; } x.style.display = "block"; } </script>
    查看全部
  • <style type="text/css"> body { margin: 0 auto; padding: 0; font-size: 9pt; line-height: 180%; } #pn { background: #f8f8f8; height: auto; width: 750px; display: block; margin: 0 auto; padding: 5px; } .btn { width: 80px; height: 20px; padding: 5px 3px 5px 3px; text-align: center; text-decoration: none; background: #f0f0f0; border: 1px solid #CCC; } .content { border: 1px solid #CCC; display: none; padding: 5px; } .title { font-weight: bold; color: #3030FF; font-size:11pt; } .subtitle { color: #CCC; } .btm { text-align: right; height: 30px; } </style>
    查看全部
    0 采集 收起 来源:静态布局制作

    2018-03-22

  • 展开与收起的基本框架
    查看全部
    0 采集 收起 来源:静态布局制作

    2016-06-07

  • 关于元素previousSibling属性的正确说法:其返回某元素处于同一树层级的之前紧跟的元素 注:previousSibling,代表处于同一树层级之前紧跟的元素,之后紧跟的元素属性为nextSibling。注意,一定是同一树层级。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-07

  • JQuery中的text()方法与javascript中innerText属性设置类似
    查看全部
    0 采集 收起 来源:练习题

    2016-06-07

  • 要在图片加载完毕后改变其大小,应使用图片的onload事件事件
    查看全部
    0 采集 收起 来源:练习题

    2016-06-07

  • 有一个ID为“strHref”的超级链接,怎样动态修改其目标地址? document.getElementById( "strHref").href
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 有一个ID为“strHref”的超级链接,怎样动态修改其内部文字? document.getElementById( "strHref").innerText
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 动态效果
    查看全部
  • 动态效果
    查看全部
  • 网络层通过变量h来改变
    查看全部
  • 增加广告宽度函数 function addW(){ if(w<630){ w+=16; document.getElementById("head").style.width=w+"px"; }else{ return; } setTimeout("addW()",30); } //在网页加载完毕时,调用增加宽度函数,等待5秒钟后调用减少宽度函数。 window.onload=function showadd(){ addW(); setTimeout("subW()",5000); } //减少广告宽度函数 function subW(){ if(w>0){ w-=8; document.getElementById("head").style.width=w+"px"; }else{ document.getElementById("head").style.display="none"; return; } setTimeout("subW()",30); }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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