有赞 html模板,有赞的微商城可视化编辑是如何做到的？

事先定义好或动态生成都可以~

例如动态生成:

Title

.dynamidDiv{

width:100%;

height:100%;

border:1px solid red;

background-color: red;

box-sizing: border-box;

}

显示DIV

关闭DIV

function createDiv(){

var containerDiv=document.getElementById("dynamicContainer");

var newDynamicDiv=document.createElement("div");

document.getElementById("dynamidDiv")&&containerDiv.removeChild(document.getElementById("dynamidDiv"));

newDynamicDiv.id="dynamidDiv";

newDynamicDiv.setAttribute("class","dynamidDiv");

containerDiv.appendChild(newDynamicDiv);

containerDiv.style.display="block";

}

function closeDiv(){

var containerDiv=document.getElementById("dynamicContainer");

document.getElementById("dynamidDiv")&&containerDiv.removeChild(document.getElementById("dynamidDiv"));

containerDiv.style.display="none";

}

document.getElementById("showDiv").addEventListener("click",function(){

createDiv();

},false);

document.getElementById("closeDiv").addEventListener("click",function(){

closeDiv();

},false);