为了账号安全,请及时绑定邮箱和手机立即绑定
  • 如何将块框 oBoxs[0] 元素动态设置为绝对定位?position : div.style.样式属性名称 = '属性值' 如何求数组 pinHArr 的最小值:Math.min.apply(null,pinHArr) 如何求 oBoxs[0] 元素距离父元素的左侧偏移?oBoxs[0].offsetLeft
    查看全部
    1 采集 收起 来源:练习题

    2017-11-20

  • jquery 2: outerHeight:包括边框 ,边距 Height:不包括边框 value是dom 对象需用$(value)来转换
    查看全部
  • getElementsByClassName的兼容方案
    查看全部
    1 采集 收起 来源:编程练习

    2017-07-29

  • 瀑布流的原理在于:利用绝对定位固定图片位置,图片等宽不等高。新东西:图片阴影(box-shadow)、圆角(border-radius)、用padding与margin的微妙区别。
    查看全部
  • 实现瀑布流的三种方法 JS原生的方法 Jquery CSS3的多栏布局
    查看全部
  • 标准模式 混合模式
    查看全部
  • onscroll事件实现瀑布流布局的图片加载功能 【原理】 当滚动滚动条时,判断是否要加载新的图片,通过一个函数,返回布尔值。 需要加载的条件: 页面最下面的元素box在视口中露出一半的高度时,开始加载。具体计算:(scrollTop+可视宽口高度)>(box.offsetTop+自身高度一半)时,加载(如图所示)。 【知识点】 ①scrollTop标准模式和混杂模式的兼容问题。 标准模式--document.body.scrollTop 混杂模式--document.documentElement.scrollTop; 兼容的写法:var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②当前浏览器的可视窗口的高度 标准模式--document.body.clientHeight 混杂模式--document.documentElement.clientHeight; ③三元运算符代替if..else(比较简便) ④数据加载:将来自后台的json数据渲染到前端 创建元素,将数据填进去(这里是img的src) ⑤document.createElement创建元素 parentObj.appendChild(obj);插入对象到尾部
    查看全部
  • window.onload=function(){ var len1= getByClass('on','list'); alert(len1.length); // 结果等于2为正确 var len2= getByClass('on'); alert(len2.length); // 结果等于3为正确 } function getByClass(clsName, parent){ //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 var oParent = document.getElementById(parent) ||document ; var oCls = oParent.getElementsByTagName('*'); var oArr=[]; for(var i=0; i<oCls.length; i++){ if(oCls[i].className==clsName){ oArr.push(oCls[i]) } } return oArr }
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 瀑布流实现的三个方法: 1: JS JavaScript原生方法 2: JQ JQurey方法 3: CSS CSS3的多栏布局 瀑布流布局特点,不断拖动时,页面尾部不断加载新的内容。
    查看全部
  • jQuery的:对象本质、支持连缀、隐式迭代 Jquery对象本质“可以看成”是一个包含一个 dom数组和所有Jquery方法的容器(补充:方法在所有jq对象共享的jq原型属性prototype中,Jquery对象本质是一个“类数组”)。所以一个dom节点元素或者js对象,如果不转换成Jquery对象,就不会包含Jquery方法,就无法使用jq的方法. 每当我们调用选择器方法获取dom树里的元素时,其实就是把找到的dom元素存入一个JQ对象里的dom数组中,然后再把这个JQ对象返回。 当我们调用Jquery方法时(如 html()),jq方法会遍历内部 dom数组,并调用每个dom元素的对应的dom属性或方法(如innerHTML),完成操作。 其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】。 【隐式迭代】 $(".A").addClass("B"); 像这样的就是隐式迭代 因为$(".A")选到的元素不一定只有一个 比如$(".A")选中10个元素 这10个元素都会加上"B"这个class 在jq中,所有的方法都被设计成自动操作对象集合,而不是单一的一个对象. 貌似除了ID选择器其它都是隐式迭代的(ID选择器只是将数组大小设置成为1而已,所以$("#A") 就算有多个id="A" 也只能得到第1个) ①scroll事件 $(window).on('scroll',function(){}); ②获取结果集中最后一个元素$('#main>div').last(); ③获取距离页面顶部的距离$lastBox.offset().top; js:offsetTop ④$(window).scrollTop();滚动条滚动的距离 ⑤$(window).height();浏览器可视窗口的高度 ⑥创建元素$('<div>'); ⑦插入元素append和appendTo
    查看全部
  • 老师上课挺不错的、
    查看全部
  • 使用jQuery实现加载图片带有分散效果的瀑布流布局
    查看全部
    1 采集 收起 来源:编程挑战

    2016-10-20

  • //定义函数getByClass()实现获取document或指定父元素下所有class为on的元素 function getByClass(clsName, parent){ var oparent=parent?document.getElementById(parent):document; var objs=oparent.getElementsByTagName("*"); var result=[]; for(var i=0;i<objs.length;i++){ var clas=objs[i].className.split(" "); for(var j=0;j<clas.length;j++){ if(clsName==clas[j]){ result.push(objs[i]); } } } console.log(result); return result; }
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 求数组中最小值的方法 Math.min.apply(null, []);
    查看全部
  • var cols=Math.floor(document.documentElement.clientWidth/oBoxW);//设置main的宽 window.onload=function(){}
    查看全部

举报

0/150
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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