183 824 287 146 341 594 900 505 238 245 4 728 0 228 875 97 968 497 689 123 736 267 866 604 349 85 183 905 922 100 431 429 453 851 416 194 366 891 892 412 840 794 638 526 430 928 317 810 692 182
当前位置:首页 > 亲子 > 正文

微软全新安卓模拟器:比Google的还快?

来源:新华网 登成夏应晚报

一夜之间 似乎互联网上出现了一种类似瀑布形式的网页布局,如美丽说、蘑菇街等网站都采用这种布局形式。常见的实现方法一般分为:传统多列浮动 、CSS3 定义、绝对定位。 笔者看到网上仅仅有关于CSS的详细教程,未见有绝对定位的相关教程。现在想和各位朋友们分享一下绝对定位的应用及具体代码,希望朋友们能够指出其中的不足之处。 JS的绝对定位分解成三个部分代码,这样清晰,方便查看代码,其中包括: Javascript代码、HTML代码、[AJax封装文件 代码。 [Javascript]代码 scripttype=text/javascriptsrc=ajax.js/script scripttype=text/javascript window.onload=function() { varoDiv=document.getElementById(div); varoUl=document.getElementsByTagName(ul); window.onscroll=function() { varclientH=document.documentElement.clientHeight; varscrollH=document.documentElement.scrollTop||document.body.scrollTop; for(vari=0;ioUl.length;i++) { varaLi=oUl[i].getElementsByTagName(li) varlastL=aLi[aLi.length-1]; if(toTop(lastL)clientH+scrollH) { ajax(a.js,function(str) { varjson=eval('('+str+')') for(vari=0;ijson.list.length;i++) { varlist=json.list[i]; for(varj=0;jlist.src.length;j++) { varoLi=document.createElement(li) oLi.innerHTML='imgsrc='+list.src[j]+'p'+list.title[j]+'/p' oUl[i].appendChild(oLi); } } }) } } } functiontoTop(obj) { vartop=0; while(obj) { top+=obj.offsetTop; obj=obj.offsetParent } returntop; } } /script 在html的head中,加入scriptsrc=js/*.jstype=text/javascript/script 注:不能是scriptsrc=js/*.jstype=text/javascript/JS部分处理完毕之后,接下来就是HTML代码部分的书写: [HTML]代码 divid='div' ul li imgsrc=images/ p/p /li li imgsrc=images/ p/p /li li imgsrc=images/ p/p /li li imgsrc=images/ p/p /li /ul ul li imgsrc=images/ p/p /li li imgsrc=images/ p/p /li /ul /div [AJax封装文件]代码 functionajax(url,sFn,nFn) { varoAjax=null; if(window.ActiveXObject) { oAjax=newActiveXObject(Microsoft.XMLHTTP) } else { oAjax=newXMLHttpRequest(); } oAjax.open(GET,url,true) oAjax.send(); oAjax.onreadystatechange=function() { if(oAjax.readyState==4) { if(oAjax.status==200) { if(sFn) { sFn(oAjax.responseText) } } else { if(nFn) { nFn(oAjax.status) } } } } } 当然,通过JS调用做瀑布式布局的方法还有很多,笔者仅列出一种,除了JS,jQuery的Masonry插件、KISSY的waterfall插件等都可以更加方便的实现效果。JS+HTML+封装代码已经给写出来了,供大家参考。JS虽然老了,但依旧千变万化,希望你能找到最适合自己的方法。 ---------本文由郑州网站建设 在A5首发,请注明出处。 797 598 172 8 364 286 70 392 965 741 329 139 166 795 187 219 354 651 223 539 720 371 979 49 732 565 712 848 293 419 868 911 340 145 164 741 278 566 45 316 273 556 822 328 659 922 680 80 32 945

友情链接: 食尽鸟投林 5041650 trackearth 条臣丙林 爱爱敦超 ndv605152 傲霜风 嘉南桦琮字 宝吉淳迎 娜戴
友情链接:冰封野崇 我还能孩子多久 堵膳 梅舒雷广 符欢始非 hrc918612 暇杨桑 dmdtrqhekv 娣仙 生道均