Javascript流体布局
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript流体布局相关的知识,希望对你有一定的参考价值。
// afhankelijkheden: // - yahoo.js // - dom.js //- event.js fluidLayout = function() { var maxW = 1280; var minW = 800; var fluidW = "98%"; var vp = YAHOO.util.Dom.getViewportWidth(); // afhankelijk van of de container een id of classname heeft pas je de onderstaande regel aan (id heeft voorkeur) var col = document.getElementById("objectId"); //YAHOO.util.Dom.getElementsByClassName("col1")[0]; if(vp >= maxW) { YAHOO.util.Dom.setStyle(col,"width",maxW + "px"); YAHOO.util.Dom.setStyle(col,"border","2px solid red"); // kun je later verwijderen } else if(vp <= minW) { YAHOO.util.Dom.setStyle(col,"width",minW + "px"); YAHOO.util.Dom.setStyle(col,"border","2px solid orange"); // kun je later verwijderen } else { YAHOO.util.Dom.setStyle(col,"width",fluidW); YAHOO.util.Dom.setStyle(col,"border","2px solid green"); // kun je later verwijderen } } YAHOO.util.Event.addListener(window,"load",fluidLayout); YAHOO.util.Event.addListener(window,"resize",fluidLayout);
以上是关于Javascript流体布局的主要内容,如果未能解决你的问题,请参考以下文章