想在所有页面顶部添加通栏广告

quasiceo 2014-11-27

展开全文

由于页面是由php生成的,同时代码模块化不够好.需要定位到合适的代码位置添加,比较麻烦.

最后采用浮动层.由页面尾部增加一段代码动态添加浮动层.

代码类似

<html>

<head>
<title>createElement() Example</title>
<link href="css/common.css" rel="stylesheet" type="text/css">

<script type="text/javascript" language="javascript">
function createMessage(){
var banner=document.createElement("div");
banner.className="banner";

var content=document.createElement("div");
content.className="content";
banner.appendChild(content);

var android=document.createElement("a");
android.href="http://app./weimai.apk";
android.innerHTML="支持Andriod2.3及以上操作系统";
android.target="_blank";
android.className="androoid";
content.appendChild(android);

var ipone=document.createElement("a");
ipone.href="https://itunes.apple.com/us/app/wei-mai-wei-bo0yuan-kai-dian!/id893489004?l=zh&ls=1&mt=8";
ipone.innerHTML="支持iOS5.1.1及以上操作系统";
ipone.target="_blank";
ipone.className="iphone";
content.appendChild(ipone);

document.body.appendChild(banner);
}
</script>
</head>

<body bgcolor="#CCFFFF" onload="createMessage()"></body>

</html>