HTML之页面镶嵌体验

首页 > 代码库 > HTML之页面镶嵌体验

2024-08-21 19:12:07 218人阅读

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" charset="utf-8"/> <style> #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); }} </style> </head> <body> <div> <iframe id="test" width="100%" height=999px frameborder="0" src="" style="margin:0px;" ></iframe> <script language="JavaScript"> var iframe = document.getElementById("test"); iframe.src = "http://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"; }; } </script> </div> </body></html>

效果显示如下：

HTML之页面镶嵌体验

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们

首页 > 代码库 > HTML之页面镶嵌体验

HTML之页面镶嵌体验

看完仍有疑问？有类似问题直接问程序猿