可以兼容ＩＥ和firefox
<style type="text/css">
<!--
@import url("css/yangshi.css");
-->
.floatad {
position:absolute;
width:100px;
height:400px;
top:283px;
margin-top:-200px;
background:url(images/duilian.jpg);
}
#float1 {
left:20px;
}
#float2 {
right:14px;
}
</style>
</head>
<body >
<div id="float1" class="floatad"><a href="javascript:FloatDiv.Close('float1','float2');">×</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>
分享到：
相关推荐
本文将深入探讨“一个对联广告的js”这个主题，它是一种利用JavaScript实现的对联广告功能，旨在帮助开发者快速、便捷地在网站上添加这种常见的广告形式。 对联广告，通常是指在网页两侧或者页面顶部、底部呈现的...
在这个案例中，JavaScript将负责处理对联广告的滚动动画效果。这可能包括定义图片数组，设置定时器更新显示的图片，以及处理滚动速度和方向等细节。 `js`目录可能包含了实现滚动效果的JavaScript文件。在这些文件中...
7. `js`：这可能是一个包含JS代码的文件夹，内含实现滚动对联广告功能的脚本。 在实际应用中，你需要将这些文件部署到服务器或者本地环境中，并根据自己的需求修改HTML、CSS和JS代码。同时，根据`readme.htm`的指示...
【对联广告】是一种常见的网页广告形式，通常出现在网站的两侧，因其形状和传统中国对联相似而得名。这种广告设计旨在充分利用网页的垂直空间，吸引用户的注意力，同时不会遮挡主要内容，提供较好的用户体验。在本文...
例如，一个网页可能在顶部有一个浮动广告，页面两侧各有一个对联广告，中间主要内容区域则穿插着图片广告轮播。为了平衡用户体验和广告效果，开发者和设计师需要考虑广告的加载速度、尺寸、颜色对比等因素，并遵循...
- `addItem`方法调用：分别创建两个对联广告元素，设置初始位置、大小及内容，其中包含指向特定URL的链接和关闭按钮。 ### 总结 本文通过对“对联广告JS代码效果大全”的分析，不仅介绍了实现对联广告的基本原理和...
在"Javascript例子对联广告"这个主题中，我们将深入探讨如何利用JavaScript实现对联广告的动态展示和交互功能。 对联广告通常指的是那些在网页两侧呈现的、形状类似对联的广告形式，它们可以是图片、文本或者动态...
总的来说，"对联广告代码.rar"为开发者提供了一个便捷的工具，帮助他们快速实现具有吸引力的对联广告功能。通过深入学习和实践，开发者可以掌握更多关于JavaScript特效、网页交互设计的知识，提升自己的专业技能。
在JavaScript（简称JS）编程...总的来说，实现对联广告功能涉及JavaScript的基础知识、DOM操作、数据获取、样式控制、动画效果以及用户交互等多个方面，熟练掌握这些技能，将有助于构建更加高效和用户友好的网页应用。
接下来，`ad112`很可能是一个图像文件，代表对联广告中的图片部分。在HTML中，我们可以使用`<img>`标签引入图片，如`对联广告">`，这里的`src`属性指定了图片的路径，而`alt`属性提供了图片的替代文本，对于那些无法...
在IT行业中，经典对联广告的设计与应用是一个融合了传统艺术与现代技术的领域。对联，作为中国传统文化的重要组成部分，常被用于节日庆典、企事业单位的宣传活动中，以展示文化气息并传递祝福。在数字化时代，将对联...
在IT行业中，对联广告是一种常见的在线营销方式，它通常出现在网页两侧，呈现出类似对联的形式，为用户提供信息或推广产品。"可关闭的对联广告代码"指的是那些允许用户在不感兴趣时自行关闭的广告代码实现。这种设计...
在本案例中，"对联广告带上面关闭代码.rar" 是一个包含实现对联广告功能的JavaScript代码示例。通过解压文件，我们可以看到名为 "08" 的子文件，这很可能是压缩包中的主要代码文件。 首先，我们需要理解JavaScript...
物理弹性滚动效果借鉴了现实世界中的物理现象，当用户通过网页的滚动条拖动页面时，对联广告不会立即停止，而是有一个平滑的减速过程，仿佛具有弹簧般的缓冲效果。这种效果通过编程技术模拟了物体在受到外力作用后的...
在实现这种功能时，开发者会编写JavaScript或jQuery代码来创建一个带有关闭按钮的对联广告。下面是一个简化的实现过程： 1. **HTML结构**：首先，我们需要在HTML文档中定义广告的基本结构，包括广告内容和关闭按钮...
在IT行业中，尤其是在网页开发领域...而“对联广告”和“图片展示效果”则更具体地指向了广告设计和视觉呈现，是提升网站吸引力的重要手段。在实际应用中，开发者需要综合运用这些知识点，以实现高效且美观的图片展示。
总的来说，`对联广告javascript源码`涉及的知识点涵盖了JavaScript编程基础、DOM操作、事件处理、网络请求以及响应式设计等多个方面。通过分析和理解这段源码，开发者不仅可以学习到广告投放的技术，还能进一步提升...
网页对联广告是一种常见的在线营销方式，特别是在门户网站上极为常见。这种广告形式因其设计独特，类似于中国传统对联，故被称为“网页对联广告”。它的主要特点是横跨网页两侧，为用户提供一种视觉上的连续性，同时...
在IT行业中，对联广告是一种常见的网页元素，它通常出现在网站的两侧，呈现出对称的样式，用以吸引用户注意力并展示广告信息。"对联广告制作 很轻松就能做到"这一标题暗示了我们将探讨如何简便高效地创建这类广告。...
浮动对联广告代码是一种常见的网页设计技术，用于在网站页面的两侧显示动态漂浮的广告条。这种广告形式因其能够持续吸引用户注意力而被广泛采用。在本案例中，我们讨论的是通过JavaScript实现的浮动对联广告代码。 ...