`

下拉后固定跟随的广告代码

    博客分类:
  • html
阅读更多
这部分是CSS:

<style>
.div1{}
.div2{position:fixed;_position:absolute;top:0;}
</style>

 

这部分是内容:

<DIV id=float>
 这里面放你的广告 
</DIV> 
 

这部分是JS:

<SCRIPT type=text/javascript  > 
(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="div1";} 
};
}
})();
</SCRIPT>

 效果图:



 预览地址:http://www.521478.com

有什么不懂的点击联系我

  • 大小: 201.5 KB
0
0
分享到:
评论

相关推荐

    仿网易顶部下拉广告,广告代码,顶部下拉广告

    这种广告代码的实现涉及到前端开发技术,包括HTML、CSS和JavaScript。 HTML(HyperText Markup Language)是网页的基础结构语言,用于创建网页布局和内容。在这个场景中,HTML将用于定义广告的容器元素,如一个div...

    跟随下拉框的广告代码.rar

    本压缩包"跟随下拉框的广告代码.rar"似乎包含了一个用于创建跟随下拉框的广告代码,这种特效常常见于网页的侧边栏或者顶部,它能够随着用户滚动页面而上下移动,从而保持在用户的视线范围内,提高广告的曝光率。...

    17个大型商业网站最常用的广告代码

    "17个大型商业网站最常用的广告代码"集合了多种广告展示方式,帮助设计师们在网页中实现多样化的广告效果。下面将详细解释这些广告代码所涉及的关键技术和实践应用。 1. 图片轮换广告自动:这种广告形式通常采用...

    用CSS实现跟随滚动条漂浮层代码

    在网页设计中,有时我们需要创建一个跟随用户滚动的元素,比如广告、导航栏或提示信息。这样的效果称为“漂浮层”或者“固定定位”。在本教程中,我们将探讨如何仅使用CSS来实现这一功能,无需JavaScript的介入。这...

    JaveScript源代码大放送

    3将图片图片固定在页面左上角 4图象滚动公告版 5让JavaScript弹出窗口变得体贴一些 6浮动广告 7巧用Javascript代码来限制文本的字节数 8用JavaScript创建“闪动”标题栏 9轻松实现打字机效果 10星星跟随鼠标 11地震...

    JQuery特效

    `基于jQuery精美浮动层效果(JS+CSS).rar`可能包含一个浮动提示框或对话框的实现,这种效果常见于提示信息、广告或者表单验证中,它可以跟随用户的鼠标移动或固定在屏幕某一位置。 `站酷(ZCOOL)首页焦点大图代码...

    JavaScript应用177例

    实例代码: 第1章(\cha01) 1.1.htm 自动类型转换 1.2.htm 显式类型转换 1.3.htm 提升基本类型为对象 第2章(\cha02) 2.1.htm if语句 2.2.htm switch语句 2.3....

    jquery浮动层

    "jquery浮动层"是利用jQuery实现的一种网页元素动态显示技术,通常用于创建提示框、广告横幅或者下拉菜单等需要跟随用户滚动页面而始终保持可见的元素。 浮动层的核心原理是通过CSS定位和jQuery的动态计算来实现。...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

    程序天下:JavaScript实例自学手册

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

    Div JavaScript 特效

    6. **滚动跟随**:也称为固定定位,是指某些元素如导航栏在页面滚动时始终保持在屏幕的某一位置,增加用户的导航便利性。JavaScript可以监听滚动事件,根据滚动位置调整元素的位置。 7. **纵向右键菜单**:不同于...

    php高端大气的企业网站模板 v3.0.zip

    1. **头部(Header)**:包含网站的logo、导航菜单、搜索框等元素,这些通常是页面的固定部分,跟随用户滚动。 2. **主体(Main Content)**:这是网站的核心部分,根据不同的页面类型(如首页、产品页、新闻页等)...

    精通JavaScript

    1.本书附源代码共计381个,其运行环境如下: IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看...

    zzzphp免费开源建站系统含手机站-PHP

    广告管理:广告发布,广告发布时间,广告到期时间,自定义广告模板(默认带从上弹出,从上展出,对联广告,固定底部,图片广告,图片内容,右下弹出等模板)。 管理组管理:权限管理,分类权限管理 管理员管理:权限...

Global site tag (gtag.js) - Google Analytics