-
如何将块框 oBoxs[0] 元素动态设置为绝对定位？position ： div.style.样式属性名称 = '属性值' 如何求数组 pinHArr 的最小值:Math.min.apply(null,pinHArr) 如何求 oBoxs[0] 元素距离父元素的左侧偏移？oBoxs[0].offsetLeft查看全部
-
jquery 2: outerHeight:包括边框 ，边距 Height:不包括边框 value是dom 对象需用$（value）来转换查看全部
-
getElementsByClassName的兼容方案查看全部
-
瀑布流的原理在于：利用绝对定位固定图片位置，图片等宽不等高。新东西：图片阴影（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: 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实现加载图片带有分散效果的瀑布流布局查看全部
-
//定义函数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; }查看全部
-
求数组中最小值的方法 Math.min.apply(null, []);查看全部
-
var cols=Math.floor(document.documentElement.clientWidth/oBoxW);//设置main的宽 window.onload=function(){}查看全部
举报
0/150
提交
取消