`
yunmoxue
  • 浏览: 289383 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

随滚动条滚动广告

    博客分类:
  • ajax
阅读更多
图片大家自己找 把<img src="">引号引住的地方换上你广告图片的地址
图片的滚动是通过图片本身的与浏览器的差距加上滚动条与浏览器的差距形成的.
关闭效果就是隐藏而已...- -
<html>
<head>
<title>漂浮</title>
<script language="javascript">
function clo(){
document.getElementById("d1").style.display="none";
}
function move(){
document.getElementById("d1").style.pixelTop =70 + document.body.scrollTop;
}
window.onscroll = move;
</script>
</head>
<body>
<div id="d1" style="position:absolute; top:70;">
<img src="images/advpic.gif">
<div id="d2" style="position:absolute; background:#CC3300"><a href="javascript:clo()">×</a></div>
</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 /><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>
有那么多空格是为了体现效果. = = 
分享到:
评论

相关推荐

    不随滚动条滚动广告代码.zip

    本文将深入探讨一个特定的JS特效——"不随滚动条滚动广告代码",这是一种用于实现固定位置广告的网页设计技术。 首先,让我们理解“不随滚动条滚动广告代码”的概念。在网页浏览时,当用户滚动页面,大部分内容会...

    随滚动条广告的QQ咨询

    随滚动条广告的QQ咨询随滚动条广告的QQ咨询

    js固定层不随滚动条滚动图片广告固定层在顶部

    在网页设计中,有时我们...总结来说,实现“js固定层不随滚动条滚动”的效果主要涉及JavaScript事件监听、CSS的`position`属性以及对滚动位置的计算。在实际应用中,应考虑兼容性和性能优化,以提供更好的用户体验。

    随滚动条滚动的两侧的层

    标题“随滚动条滚动的两侧的层”暗示了我们即将探讨的是网页布局中一种特定的效果,通常称为“固定定位”或者“侧边栏固定显示”。这种设计使得页面的某些元素(比如导航菜单或广告栏)在用户滚动页面时始终保持在...

    不随滚动条滚动的固定层广告代码

    在网页设计中,有时我们需要创建一种特殊的广告展示方式,即“不随滚动条滚动的固定层广告”。这种广告设计能够始终出现在用户视野中,无论页面如何滚动,它都会固定在屏幕的某个位置,如顶部、底部或侧边栏。本文将...

    随滚动条移动的DIV层

    在网页设计与开发过程中,为了提高用户体验以及页面的交互性,常常会遇到需要制作一个随滚动条移动的元素(如提示框、广告栏等)。本文将通过分析一段具体的代码示例,详细介绍如何利用HTML、CSS及JavaScript技术...

    客服服务广告随滚动条滚动(通用js)

    客服服务、广告随滚动条滚动(通用js) 调用:只要给那个层(控件的ID)就能自动调用,菜鸟、还请多关照! 但绝对方便实用!内有注释

    jquery右侧浮动广告,随滚动条上下滚动,效果很好哦.

    标题中的“jquery右侧浮动广告,随滚动条上下滚动”指的是使用jQuery库实现的一种网页广告设计技术,这种技术可以使广告在页面右侧保持固定位置,并随着用户滚动页面时始终保持可见。这样的设计能够持续吸引用户的...

    js特效脚本含源码和说明不随滚动条滚动的固定层广告代码

    js特效脚本含源码和说明不随滚动条滚动的固定层广告代码本资源系百度网盘分享地址

    JQuery 随鼠标滚动条滚动的div

    我是一个随滚动条移动的div &lt;!-- 填充一些内容以产生滚动 --&gt; 这里是大量的内容…… $(document).ready(function() { var $fixedDiv = $('#fixedDiv'); var initialTop = $fixedDiv.offset().top; $...

    jquery随滚动条移动的菜单效果

    本人花了一上午的时间,终于测试通过,好东西大家分享,虽然分要的比较多,但绝对值,留着以后使用。效果演示地址: http://www.shoppinghelps.com/sale.aspx

    随着滚动条,小广告也滚动的做法.rar

    在创建“随滚动条滚动”的广告时,我们将使用`fixed`定位。 接下来,我们考虑如何通过JavaScript或jQuery对DOM进行操作。当页面滚动时,我们可以监听滚动事件(例如使用`window.onscroll`或`$(window).scroll()`)...

    js实现网页中常见的随滚动条移动的悬浮广告栏做法

    2 调用运动函数的时候付入的参数其实就是先用整个可视区的高度减去盒子的高度,然后在加上可视区到顶部的距离,这样可以实现的就是把悬浮广告停在右下角的位置 3 根据上面的分析则说明如果把可视区的高减掉盒子的高...

    瀑布流,相关区块滚动到一定位置,不随滚动条滚动

    描述中提到的“相关区块滚动到一定位置,不随滚动条滚动”,这通常涉及到“固定定位”(fixed positioning)的使用。当一个元素被设置为固定定位后,它会脱离正常的文档流,其位置相对于浏览器窗口,而不是其父元素...

    js练习4:制作带关闭按钮的滚动广告.zip

    为了使广告看起来像一个滚动条,我们可以设置其宽高、背景色、边框等属性。同时,关闭按钮也需要适当的样式设计,使其明显且易于点击。CSS还可以用于实现动画效果,比如通过CSS过渡(transition)或关键帧动画(@...

    跟随屏幕滚动的对联广告代码

    在IT行业中,对联广告是一种常见的网页元素,它通常出现在网页两侧,随着用户滚动页面而保持固定在屏幕上,以此提高广告的可见性和点击率。这种广告形式尤其适用于内容丰富的长篇网页,如新闻网站或博客。现在,我们...

    JavaScript添加随滚动条滚动窗体的方法

    JavaScript添加随滚动条滚动窗体的方法是网页动态效果中常用的一种技术,它可以使得特定元素随着用户滚动页面而移动,常用于实现固定广告、悬浮菜单等效果。本文将详细讲解两种不同的实现方式。 第一种实现方式主要...

    随滚动条移动的层.rar

    在网页设计中,"随滚动条移动的层"是一种常见的JavaScript特效,主要用于创建与页面滚动同步的浮动元素,比如侧边栏导航、广告横幅等。这种特效可以使用户在浏览页面时始终保持某些重要信息在视窗可见范围内,提高...

    JS实现网页上随滚动条滚动的层效果代码

    这款网页上随滚动条滚动层代码,拖动滚动条即可看到效果,对联广告的代码也都是基于此的,右侧的浮动层同样是可以关闭的稍微加工,便可实现一个浮动广告的代码,运行一下,先看效果吧。 运行效果截图如下: 在线...

Global site tag (gtag.js) - Google Analytics