js 浏览器自适应例子
来源:互联网 发布:linux java 打包war 编辑:程序博客网 时间:2024/06/15 03:32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0014)about:internet --><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <!-- Smart developers always View Source. This application was built using Adobe Flex, an open source framework for building rich Internet applications that get delivered via the Flash Player or to desktops via Adobe AIR. Learn more about Flex at http://flex.org // --> <head> <title>足霸天下</title> <meta name="google" value="notranslate" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as the percentage of the height of its parent container, which has to be set explicitly. Fix for Firefox 3.6 focus border issues. Initially, don't display flashContent div so it won't show if JavaScript disabled. --> <style type="text/css" media="screen"> html, body { height:100%; } body { margin:0; padding:0; overflow:auto; text-align:center; background-color: #000000; } object:focus { outline:none; } #flashContent { display:none; } </style> <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens --> <!-- BEGIN Browser History required section --> <link rel="stylesheet" type="text/css" href="history/history.css" /> <script type="text/javascript" src="history/history.js"></script> <!-- END Browser History required section --> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. var swfVersionStr = "10.2.0"; // To use express install, set to playerProductInstall.swf, otherwise the empty string. var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {uid:"16777222",sid:"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",v:'1204281130'}; //var flashvars = {}; var params = {}; params.quality = "high"; params.bgcolor = "#000000"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; var attributes = {}; attributes.id = "GameLoading"; attributes.name = "GameLoading"; attributes.align = "middle"; swfobject.embedSWF( "GameLoading.swf", "mygameId", 1024, 600, swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. swfobject.createCSS("#flashContent", "display:block;text-align:left;"); window.onload=function(){ changeDivHeight(); } //当浏览器窗口大小改变时,设置显示内容的高度 window.onresize=function(){ changeDivHeight(); } function changeDivHeight(){ var viewportwidth; var viewportheight; // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerWidth, viewportheight = window.innerHeight }// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight } // older versions of IE else { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight } if(viewportwidth >= 1600) { viewportwidth = 1600; } if(viewportheight >= 1200) { viewportheight = 1200; }var swfob = document.getElementById("GameLoading");swfob.width = viewportwidth;swfob.height = viewportheight; } </script> </head> <body > <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show when JavaScript is disabled. --> <div id="mygameId"> <p> To view this page ensure that Adobe Flash Player version 10.2.0 or greater is installed. </p> <script type="text/javascript"> var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); </script> </div> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="600" id="GameLoading"> <param name="movie" value="GameLoading.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="GameLoading.swf" width="1024" height="600"> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--<![endif]--> <!--[if gte IE 6]>--> <p> Either scripts and active content are not permitted to run or Adobe Flash Player version 10.2.0 or greater is not installed. </p> <!--<![endif]--> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </noscript> </body></html>
0 0
- js 浏览器自适应例子
- js屏幕自适应浏览器高度
- FitText.js自适应浏览器插件
- js实现自适应浏览器的高度和宽度
- 17 Three.js针对浏览器变动进行自适应
- 用js实现地图窗体自适应不同的浏览器高度
- js自适应
- 浏览器自适应学习
- EXTJS Grid自适应浏览器
- 背景图片自适应浏览器大小
- 图片自适应浏览器
- 自适应浏览器像素
- iframe自适应浏览器大小
- Unity Web自适应浏览器
- html背景图片自适应浏览器
- 自己记录- 浏览器自适应
- Echarts自适应浏览器大小
- 浏览器自适应问题
- c#对象和json对象转换方法总结
- Spring框架的IoC和AOP
- shell ftp判断远程主机是否存在某目录
- objective-c基础教程——学习小结
- [LeetCode] Word Ladder II
- js 浏览器自适应例子
- 年会上用到的抽奖
- HttpClient 教程 (三)
- 私人订制你们看了没没啥意思
- GStreamer基础教程12——流
- ExtJs读取服务器端数据 spring+springJDBC+struts2+extjs技术
- HttpClient 教程 (四)
- mysql在centos下如何修改字符编码
- 最快速的Android开发环境搭建ADT-Bundle及完成第一个程序Hello World~