对联广告
2010-04-17 15:37
288 查看
<!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" /> <title>无标题文档</title> <style type="text/css"> <!-- #Layer1 { position:absolute; left:17px; top:26px; width:96px; height:215px; z-index:1; background-color: #FF6600; } #Layer2 { position:absolute; left:806px; top:16px; width:104px; height:225px; z-index:2; background-color: #FF6600; } #Layer3 { position:absolute; left:297px; top:18px; width:353px; height:31px; z-index:3; } --> </style> <script language="javascript"> function hiddenAll(){ var l1 = document.getElementById("Layer1"); var l2 = document.getElementById("Layer2"); l1.style.display = "none"; l2.style.display = "none"; } function showAll(){ var l1 = document.getElementById("Layer1"); var l2 = document.getElementById("Layer2"); l1.style.display = "block"; l2.style.display = "block"; } </script> </head> <body> <div id="Layer1"> <p>北风网</p>
<p>ExtJs教程</p> <p>火热发布中!</p> <p> </p> <p> </p> <p> </p> <p> <span onclick="hiddenAll();" style="cursor:pointer">关闭</span></p> </div>
<div id="Layer2"> <p>北风网</p> <p>ExtJs教程</p> <p>火热发布中!</p> <p> </p> <p> </p> <p> </p> <p> <span onclick="hiddenAll();" style="cursor:pointer">关闭</span></p>
</div> <div id="Layer3"> <div align="center"><span onclick="showAll()" style="cursor:pointer">显示广告</span></div> </div> </body> </html>
相关文章推荐
- 符合W3C标准布局的js对联跟随广告
- js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
- 对联带关闭的广告
- JavaScript网页特效---对联广告,网站对联广告
- 滚动的对联广告
- jquery 插件 轻量级jquery对联广告 优装网对联广告 jquery.couplet
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
- [对联广告] JS脚本类
- 网页两边的对联广告代码
- flash对联广告代码: 两边显示 不移动 可关闭
- 对联广告 可关闭
- 不带关闭的对联广告
- 支持XHTML(符合Web标准)的对联广告代码
- ASP.NET 2.0的Master页中写入javascript浮动对联广告,不能浮动。
- 符合W3C协议的对联广告
- 对联广告代码
- 对联广告
- 对联广告代码效果大全
- 仿百度联盟对联广告实现代码
- 对联广告