原创一个js对联广告类（兼容FireFox）
作者：biyuan 来源：biyuan的专栏 发布时间：2008-08-01 18:08:00
标签：对联,广告,firefox
兼容当前HTML/XHTML文档是否有DTD声明：
以下为程序代码：
var xtop = document.documentElement.scrollTop || document.body.scrollTop
从例子中我们可以得出一个层垂直居中于网页的CSS解决方案：
以下为程序代码：
.floatad {
height:400px;
top:50％;
margin-top:-200px;
}
/*关键技巧就在top和margin-top上*/
具体代码：
以下为程序代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN">
<head profile="http://gmpg.org/xfn/11">
<title>对联广告</title>
<style type="text/css">
.floatad {
position:absolute;
width:100px;
height:400px;
top:50％;
margin-top:-200px;
background:red;
}
#float1 {
left:0px;
}
#float2 {
right:0px;
}
</style>
</head>
<body>
<div style="height:3000px"></div>
<div id="float1" class="floatad"><a href="javascript:FloatDiv.Close('float1');">×</a></div>
<div id="float2" class="floatad"><a href="javascript:FloatDiv.Close('float1','float2');">×</a></div>
<script>
var FloatDiv = {
Float : function (){
var xtop = document.documentElement.scrollTop || document.body.scrollTop;
for(var i = 0; i < arguments.length; i ++){
var _float = document.getElementById(arguments[i]);
_float.style.top = "50％";
_float.style.marginTop = parseFloat(xtop) - parseFloat(_float.clientHeight) / 2 + "px";
}
},
Close : function (){
for(var i = 0; i < arguments.length; i ++){
var _float = document.getElementById(arguments[i]);
_float.style.display = "none";
}
}
};
window.onscroll = function () {FloatDiv.Float("float1", "float2");}
</script>
</body>
</html>
演示：
Floatad-js.htm （1.36 KB）
0
投稿猜你喜欢
首页url与视图函数的映射是通过@app.route()装饰器实现的。只有一个斜杠代表的是根目录——- 需要将字符串中的空格去掉的情况,可以使用下面几种解决方法：1、strip()方法：该方法只能把字符串头和尾的空格去掉，但是不能将字符串中间的
- lxml是Python中与XML及HTML相关功能中最丰富和最容易使用的库。lxml并不是Python自带的包，而是为libxml2和lib
- 方法一：// 禁用右键菜单、复制、选择$(document).bind("contextmenu copy selectstart
- 使用说明:1. 将PHP.INI文件里面的"extension=php_gd2.dll"一行前面的;号去掉,因为我们要用
- 引言之前有些无聊（呆在家里实在玩的腻了），然后就去B站看了一些python爬虫视频，没有进行基础的理论学习，也就是直接开始实战，感觉跟背公式
- 本文实例讲述了python使用三角迭代计算圆周率PI的方法。分享给大家供大家参考。具体如下：方法1：# Calculating PI usi
- 前言最近在学习python 爬虫方面的知识，网上有一博客专栏专门写爬虫方面的，看到用urllib请求有道翻译接口获取翻译结果。发现接口变化很
- 前言：假设我们已经了解vue组件常见的有父子组件通信，兄弟组件通信。而父子组件通信很简单，父组件会通过 props 向下传数据给子组件，当子
- 我用 ip=Request.ServerVariables ("
- 本文实例讲述了Python多重继承的方法解析执行顺序。分享给大家供大家参考，具体如下：任何实现多重继承的语言都要处理潜在的命名冲突， 这种冲
- python保存文本文件的方法：使用python内置的open()类可以打开文本文件，向文件里面写入数据可以用write()函数，写完之后，
- 如果你想进一步了解如何用JavaScript来为网页添加交互性的话，你也许已经听过JavaScript的事件代理（event delegat
- 在填写表单的时候为了让用户有更好的体验，有时需要根据用户的输入出现提示共用户选择，我这个就是根据输入的内容，从数据库取出相关内容以供选择，这
- 主要记录两种不同的beam search版本版本一使用类似层次遍历的方式进行搜索，用队列进行维护，每次循环对当前层的所有节点进行搜索，这些节
- 1、算数运算符小例中： a = 5 &nb
- 一、读写txt文件1、打开txt文件file_handle=open('1.txt',mode='w')上述
- 测试数据 http://grouplens.org/datasets/movielens/协同过滤推荐算法主要分为：1、基于用户。根据相邻用
- 事情的起因是，一个应用升级后，某一个操作导致一个表的几个列全部被更新为同一值（忍不住又要唠叨测试的重要性）。这样的错误居然出现在应用代码中，
- 前言在我们日常生活中，时间概念常伴我们左右。让我们简单的回忆一下自己的一天，大致有以下时间点：8:00，清晨的阳光照射到床头伴着闹钟，你从睡
