实用Flash全屏和退出切换特效

大陆 js特效 2021-02-06 0

flash全屏和退出切换效果,全屏时,按esc键退出,通常用这个特效来实现页面中视频广告居中播放功能。

<!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>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="博客,个人博客,优秀个人博客,优秀博客,博客网站,js特效,js特效代码,广告代码,www.wuming.ren" />
<meta name="description" content="欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren" />
<title>实用Flash全屏和退出全屏切换特效-大陆博客</title>
<style type="text/css">
body{margin:0px;}
</style>
</head>
<body>
本文来源于<a href="http://www.64pc.com/">大陆博客</a>,百度一下:大陆博客,直接找到我们的官方网站。<hr>
<!--欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。www.wuming.ren-->
<script type="text/javascript" src="http://www.wuming.ren/a/tc.js"></script>
需要加载js文件,请刷新页面后看效果!<br />
<div id="www_wumingren" style="width:400px;height:300px;"></div>
<script language="javascript" src="/img/swfobject.js"></script>
<script language="JavaScript">
var orginFlash = {init:false,isFullScreen:false,position:"",top:"",left:"",width:"",height:""};
function writeFlash(){
var so = new SWFObject("/img/fullscreen_zzjs.swf", "fplayer", "100%", "100%", 8, "#FFFFFF");
so.addParam("quality", "high");
so.addParam("swLiveConnect", "true");
so.addParam("menu", "false");
so.addParam("allowScriptAccess", "sameDomain");
so.addParam("allowFullScreen", "true");
so.write("www_wumingren");
}
function getScreenSize(){
var w = 0;
var h = 0;
if( typeof( window.innerWidth ) == 'number' ) {
w = window.innerWidth;
h = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
w = document.body.clientWidth;
h = document.body.clientHeight;
}
return {width:w,height:h};
}
function fullScreen(){
if(!orginFlash.init){
orginFlash.position = document.getElementById("www_wumingren").style.position;
orginFlash.top = document.getElementById("www_wumingren").style.top;
orginFlash.left = document.getElementById("www_wumingren").style.left;
orginFlash.width = document.getElementById("www_wumingren").style.width;
orginFlash.height = document.getElementById("www_wumingren").style.height;
}
orginFlash.init = true;
orginFlash.isFullScreen = true;
var screenSize = getScreenSize();
try{
document.getElementById("www_wumingren").style.position = "absolute";
document.getElementById("www_wumingren").style.top = "0px";
document.getElementById("www_wumingren").style.left = "0px";
document.getElementById("www_wumingren").style.width = screenSize.width +"px";
document.getElementById("www_wumingren").style.height = screenSize.height +"px";
document.body.style.overflow="hidden";
window.scrollTo(0,0);
}catch(e){
}
}
function normal(){
if(orginFlash.init){
orginFlash.isFullScreen = false;
try{
document.getElementById("www_wumingren").style.position = orginFlash.position;
document.getElementById("www_wumingren").style.top = orginFlash.top;
document.getElementById("www_wumingren").style.left = orginFlash.left;
document.getElementById("www_wumingren").style.width = orginFlash.width;
document.getElementById("www_wumingren").style.height = orginFlash.height;
document.body.style.overflow="auto";
}catch(e){
}
}
}
function reSize(){
if(orginFlash.isFullScreen){
fullScreen();
}
}//欢迎来到大陆3博客,我们的网址是www.64p c.com,大陆f博客官方网站收集的各种高质量js特效代码、广告代码分享,海量特效代码精品收藏,总有一款适合您的js特效代码。www.wuming.ren
window.onresize = reSize;
writeFlash();
</script>
</body>
</html>


评论