最好的解决方法在最后
<script language="javascript">
<!--
var m_layer1, m_layer2;
function initMove() {
m_layer1 = document.getElementById("divqq");
m_layer1.style.top = "-200px";
m_layer1.style.visibility = 'visible'
MoveLayers();
window.onscroll = MoveLayers;
}
function MoveLayers() {
var x = 5; // 左右边距
var y = 100; // 顶距
var st = document.documentElement.scrollTop;
var cw = document.documentElement.clientWidth;
var y = st + y;
m_layer1.style.top = y + "px";
m_layer1.style.left = x + "px";
}
window.setTimeout("initMove()", 600);
//-->
</script>
<div id="divqq" style="POSITION: absolute;visibility: visible; z-index: 1; top: 404px; left: 5px;"></div>
=============================
以上是老的 。。。。来个简单的
<div id="divqq" style="POSITION: fixed;visibility: visible; z-index: 1; top: 150px; left: 5px;"></div>
--------------
OVER 果断抛弃IE6
==============如果不抛弃IE6的话
<!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=utf-8" />
<style type>
.fixed-top {position:fixed;bottom:auto;top:0px;}
</style>
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
.fixed-top {position:absolute;top:0;}
</style>
<![endif]-->
</head>
<body>
<p>
1 position: fixed; top: 250px; _position: absolute; margin-left: 25px;
2 _top: expression(document.body.scrollTop + 250);
</p>
<DIV class="fixed-top">XXX</DIV>
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
</body>
</html>
----------------这个还是有问题
==============最后 来个完美解决的
=======注意 保留 第1 2 两行dtd文件说明和w3标准说明
<!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=utf-8" />
<style type>
/*让position:fixed在IE6下可用! */
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom /* IE6 底部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}
</style>
</head>
<body>
<p>
1 position: fixed; top: 250px; _position: absolute; margin-left: 25px;
2 _top: expression(document.body.scrollTop + 250);
</p>
<DIV class="fixed-top">XXX</DIV>
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
<BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR /><BR />
</body>
</html>
分享到：
相关推荐
网页滚动广告模板是一种常见的网页设计元素，用于吸引用户注意力并展示重要的促销信息或公告。这种技术利用JavaScript语言实现，使得广告能够在用户浏览页面时始终保持在视野内，即使页面上下滚动，广告仍然可见，...
**jQuery面向对象无缝滚动广告详解** 在Web开发中，动态滚动广告是一种常见且吸引用户注意力的设计元素，尤其在产品展示、新闻更新等场景下。本篇文章将深入探讨如何使用jQuery库，结合面向对象编程思想来实现一个...
在JavaScript（JS）中，制作一个带关闭按钮的滚动广告涉及到多个知识点，这些知识点包括DOM操作、事件处理、定时器以及CSS样式应用。下面将详细解释这些内容。 首先，我们需要理解DOM（Document Object Model），它...
手机滚动广告条源码是一种常见的移动应用或网页设计元素，用于展示多个广告或推广内容，通过自动滚动的方式吸引用户的注意力。这种技术在现代移动互联网环境中非常流行，因为它能够有效地利用有限的屏幕空间，同时...
标题 "常用的一个滚动广告(配合flash)" 暗示了这个资源是关于创建滚动广告的，其中使用了Adobe Flash技术。滚动广告是一种常见的网络广告形式，它可以吸引用户的注意力，通过在网页上连续显示多张图片或信息来展示...
Swift滚动广告视图是iOS应用开发中常见的组件，主要用于展示一系列广告图片或内容，通过滑动实现自动或手动切换，给用户带来丰富的视觉体验。在iOS开发中，我们通常使用`UICollectionView`来实现这种功能，因为`...
在IT行业中，无限滚动广告栏是一种常见的网页或应用程序设计元素，它允许用户在不翻页的情况下查看连续的广告内容。这种设计模式提升了用户体验，因为用户可以无缝浏览广告，而无需频繁点击下一页按钮。"完美实现...
在iOS开发中，为了实现吸引用户的注意力和展示多样化的广告内容，经常需要创建自定义的无限循环滚动广告动画控件。这种控件不仅能够提供流畅的用户体验，还能根据设计需求进行高度定制。以下是对"iOS 自定义无限循环...
根据提供的信息，我们可以详细解析关于“接口技术课程设计——滚动广告牌”的关键技术点。 ### 接口技术课程设计——滚动广告牌的关键知识点 #### 1. 设计要求及设计方案 - **滚动广告牌的功能与要求**：该设计的...
根据提供的文件信息，本文将详细解析“jquery滚动广告图片”的实现原理、代码结构及关键功能。此案例展示了如何使用jQuery库来实现一个自动滚动显示图片的广告轮播效果。 ### 一、整体概述 该案例的目标是创建一个...
本教程将深入探讨如何创建一个仿1号店垂直滚动广告条的自定义View。这个功能通常用于展示促销信息或者公告，能吸引用户的注意力并提供良好的交互体验。 首先，我们从声明变量开始。在实现这个自定义View时，我们...
【Flash滚动广告】是一种常见的网页动态展示形式，用于吸引用户注意力并传递信息。在本案例中，"很简单的一个Flash滚动广告"可能是一个轻量级的Flash应用程序，设计用于在网页中展示广告内容，且其核心功能仅包含一...
jQuery 滚动广告插件是一种广泛应用于网页开发中的技术，它可以帮助开发者创建吸引人的、动态的广告展示效果。在网页设计中，滚动广告能够吸引用户的注意力，提高广告的可见性和点击率。以下是对这个主题的详细阐述...
JavaScript弹性滚动广告是一种常见的网页交互元素，用于在页面滚动时展示广告，并且提供关闭功能，让用户可以选择不看广告。这种技术结合了JavaScript和jQuery库，提供了动态、灵活的效果，同时尊重用户体验。 首先...
《基于单片机的滚动广告牌系统》是一个典型的嵌入式系统项目，它结合了硬件设计、软件编程和系统集成等多个技术领域。本系统利用单片机作为核心控制器，实现文字或图像的滚动显示，广泛应用于商场、车站等公共场所的...
最后，"HTML由下向上滚动广告,由右向左滚动广告.txt" 文件可能是对这两种滚动效果的详细解释或代码注释。它可能包含了实现这些效果的关键代码片段、变量说明、函数用途等信息，帮助开发者理解并复用代码。 在HTML中...
在本案例中，我们关注的是"js代码的滚动广告条"，这是一个常见的网页设计元素，用于吸引用户的注意力并展示重要的促销信息或通知。 滚动广告条通常是利用JavaScript来实现的一种动态效果，它可以在页面的一侧或顶部...
android自动循环滚动广告jar包，放入lib下即可使用
在iOS开发中，"无限自动滚动广告栏"是一种常见的用户界面元素，特别是在电商应用或资讯类应用中，用于展示各种促销信息或热门内容。这个功能的实现基于代码库或者框架，比如在本例中提到的"code4app"的demo。下面...
.net图片滚动广告控件 开发环境：VS2008 测试环境：IE6+ 使用方法： 1、导入控件工具箱 2、控件的Images参数接受 List泛型集合，给它一个集合就可以使用了 3、其它属性使用时看属性说明