9159金沙游艺场-奥门金沙游艺场-[欢迎您]

9159金沙游艺场为您呈现最新的面貌!,目前注册送体验金,欢迎您将成为影视娱乐行业新的风向标,是亚洲的优质娱乐先锋。

JS实现可关闭的对联广告效果代码【9159金沙游艺

日期:2020-01-04编辑作者:办公软件

JS达成可关闭的对联广告效率代码,js对联

正文实例呈报了JS达成可关闭的对联广告功用代码。分享给大家供大家参照他事他说加以考察。具体如下:

那是老大优良的生机勃勃款对联广告代码,带有关闭开关,客商能够自动关闭广告,其余,广告的垂直地方会趁着滚动条的更改自动定位,也便是拖动浏览器滚动条的时候广告始终展现,不会被掩饰掉,现在无数网址都在用的对联广告代码。

9159金沙游艺场,运营效果截图如下:

9159金沙游艺场 1

在线演示地址如下:

实际代码如下:

<html>
<head>
<title>对联广告</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
 <center>
 <table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
 <tr>
 <td width="100%" valign="top"><div align="center">页面区域</div></td>
 </tr>
 </table>
 </center>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var showad = true;
var Toppx = 60;//上端位置
var AdDivW = 100;//宽度
var AdDivH = 360;//高度
var PageWidth = 800;//这个参数决定是否出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
 if(!showad){return;}
 if (window.screen.width<MinScreenW){
  alert("临时提示:nn显示器分辨率宽度小于"+MinScreenW+",不显示广告");
  showad = false;
  document.getElementById("Javascript.LeftDiv").style.display="none";
  document.getElementById("Javascript.RightDiv").style.display="none";
  return;
 }
 var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;
 document.getElementById("Javascript.LeftDiv").style.display="";
 document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
 document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
 document.getElementById("Javascript.RightDiv").style.display="";
 document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
 document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}
function hidead()
{
 showad = false;
 document.getElementById("Javascript.LeftDiv").style.display="none";
 document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
</body>
</html>

瞩望本文所述对我们的JavaScript程序设计具备助于。

本文实例汇报了JS完毕可关闭的楹联广告功效代码。分享给大家供大家参照他事他说加以侦查。具体如下: 那是非...

本文由9159金沙游艺场-奥门金沙游艺场-[欢迎您]发布于办公软件,转载请注明出处:JS实现可关闭的对联广告效果代码【9159金沙游艺

关键词:

比Ansible更吊的自动化运维工具

比Ansible更吊的自动化运维工具,自动化统一安装部署_自动化部署unifyDeploy1.0,ansible 新增功能: 2015-03-11 除pass(备份...

详细>>

常用到的Centos命令

常用到的Centos命令 CentOS常用命令在大家的选择中,常常被利用。所以,大家对生龙活虎部分日常应用又很关键的Cen...

详细>>

python学习笔记六

python学习笔记六:内置函数,python学习笔记内置 一、数学相关 1、绝对值:abs(-1) 2、最大最小值:max([1,2,3])、min([1,...

详细>>

开放端口

Centos7 开放端口 Centos进级到7今后,开掘不可能接收iptables调整Linuxs的端口,google之后开采Centos7使用firewalld代替了本来...

详细>>