html页面用镶嵌什么语言,HTML之页面镶嵌体验(示例代码)

new document

#test{animation-name:html_page;animation-duration:1500ms;animation-timing-function:ease-in-out;}

@keyframes html_page{

0% {transform-origin: 50% 50%;transform: rotate3d(0, 1, 0, 1440deg) rotateZ(45deg) scale(1);}

100% {transform: rotate3d(0, 1, 0, 0) rotateZ(0) scale(1);}

}

@keyframes mymove{

0%{

transform:rotateY(720deg);

}

80%{

transform:rotateY(720deg);

}

100%{

transform:rotateY(0deg);

}

}

var iframe = document.getElementById("test");

iframe.src = "https://www.cnblogs.com/caidupingblogs/";

//以下判断iframe是否加载完,并且隐藏滚动条

if (iframe.attachEvent){

iframe.attachEvent("onload", function(){

hideS();

document.getElementById("loading").style.display="none";

});

} else {

iframe.onload = function(){

hideS();

document.getElementById("loading").style.display="none";

};

}

效果显示如下：