`
pz9042
  • 浏览: 30509 次
最近访客 更多访客>>
zzsj123
社区版块
存档分类
最新评论

简单的对联广告

    博客分类：
  • js
jquery对联广告 
阅读更多

<html>
    <head><title>对联广告</title>
        <style>
         body{
           height:2000px;
       
         }      
             .dui{
             width:100px;
             height:400px;
             border:1px solid red;
         }  
         #left{
             float:left;
             overflow:hidden;
             position:relative;
             background:url('left_ad.jpg')
         }
         #right{
             float:right;
             position:relative;
             background:url('right_ad.jpg')
         }
        .fix{
        
           position:fixed;
           top:150px;     
       }
        </style>
    </head>
    <body>
        <script src='jquery-1.4.2.min.js'></script>
        <script>
                  jQuery(document).ready(function(jquery){
              jquery(window).scroll(function (){
            var to=jquery('.fix').offset().top;
            jquery('.dui').animate({
             top:to+'px'
            },'200');         
        });
    });
        </script>
      
        <div id='left' class='dui'>
             <div class='fix'></div>
        </div> 
                <div id='right' class='dui'></div>
    </body>
</html>

[/html]
分享到：
| php unserialize 与serialize的用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    一个对联广告的js

    本文将深入探讨“一个对联广告的js”这个主题，它是一种利用JavaScript实现的对联广告功能，旨在帮助开发者快速、便捷地在网站上添加这种常见的广告形式。 对联广告，通常是指在网页两侧或者页面顶部、底部呈现的...

    对联广告特效代码

    在IT行业中，对联广告是一种常见的网页设计元素，它通常位于网页两侧，呈现出对称的布局，犹如一副对联，因此得名“对联广告”。这类广告设计既具有视觉吸引力，又可以有效传达信息，是提升网站用户体验和商业价值的...

    网首页flash对联广告

    【Flash对联广告详解】 Flash对联广告是20世纪末至21世纪初网络广告设计中常见的一种形式，尤其在TOM等门户网站上极为流行。这种广告以其独特的视觉效果和动态互动性，吸引了大量的用户关注，提升了广告的点击率和...

    简单易写的对联广告特效

    超级简单的对联广告特效，兼容IE、360浏览器、火狐和谷歌。下载之后直接用浏览器打开就行了

    当前位置：首页 > JS代码 > 广告代码 > 对联广告可关闭对联广告代码

    在网页设计和开发中，对联广告是一种常见的广告形式，它通常出现在网页的两侧，以对联或横幅的形式展示，既不影响主要内容的阅读，又能吸引用户的注意力。本主题主要聚焦于如何使用JavaScript来实现一个可关闭的对联...

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

    下面是一段简单的HTML结构，展示了对联广告的基础布局： ```html &lt;!DOCTYPE html&gt; 跟随屏幕滚动的对联广告 .ad-left { position: fixed; top: 50px; /* 调整顶部距离 */ left: 0; width: 300px; /* ...

    自定义JS对联广告代码

    自定义JS对联广告代码,简单，容易操作，也可以自己随心修改

    可单独关闭的对联广告 （网页设计）

    在网页设计中，对联广告（也称为横幅广告或侧边栏广告）是一种常见的广告形式，它们通常出现在页面的两侧，为网站提供收入来源。本文将深入探讨如何实现一个可单独关闭的对联广告，这是一项提升用户体验的重要功能。...

    Flash对联广告代码（带关闭按钮）

    Flash对联广告代码（带关闭按钮），核心：Flash对联广告代码、带...对联广告的时间也可以修改，总之操作简单，效果很不错！效果图预览网站：e通天下网http://www.etong178.com（关注这个网站，查看更多广告代码效果）

    js漂浮和对联式广告广告实例

    ### JS漂浮和对联式广告实例解析 #### 一、概述 在互联网广告领域，为了提高用户体验并增强广告效果，开发人员会采用各种技术手段来实现广告的动态展示。其中，漂浮式广告和对联式广告是两种常见的形式。漂浮式...

    对联广告代码加强版（关闭按钮清晰方便）

    对联广告代码加强版（关闭按钮清晰方便），核心：对联广告代码加强版...对联广告更美观大方，总之操作简单，效果很不错！效果图预览网站：e通天下网http://www.etong178.com（关注这个网站，查看更多广告代码效果）

    对联广告带关闭代码.rar

    本文将详细解析标题为“对联广告带关闭代码.rar”的压缩包内容，其中包括了一个简单的对联广告实现，并且带有关闭按钮功能。这个压缩包包含了以下几个文件： 1. **index.htm**：这是主HTML文件，其中包含网页结构...

    可收缩关闭的多个小尺寸对联广告（下载可直接使用）

    可收缩关闭的多个小尺寸对联广告（下载可直接使用），...不同小尺寸对联广告图片大小也可以修改，总之操作简单，效果很不错！效果图预览网站：e通天下网http://www.etong178.com（关注这个网站，查看更多广告代码效果）

    图片切换展示对联广告图片展示效果

    5. **图片对联广告**：提到“对联广告”，通常是指横跨网页两侧的广告形式，它们通常以图片或图文结合的方式呈现。在JavaScript中，可以使用定位（positioning）和浮动（floating）CSS属性来调整这些广告的位置，...

    跟随屏幕滚动的对联广告代码(支持关闭)

    在网页设计和开发中，对联广告是一种常见的广告形式，通常位于页面两侧，与页面内容一同滚动，以吸引用户的注意力。这种广告模式因为其独特的展示方式而被广泛应用于各种网站，尤其是新闻、博客和电子商务平台。本文...

    javascript 可关闭的对联广告

    一个简单的对联广告HTML结构可能如下： ```html 广告图片"&gt; 关闭 ``` 这里，`&lt;div class="ad-sidebar"&gt;` 是广告的容器，`&lt;a&gt;` 是链接到广告详情的标签，`&lt;img&gt;` 是显示的广告图片，而`关闭&lt;/span&gt;` 则是...

    JS对联广告 点击关闭后切换到小广告.zip

    例如，一个简单的对联广告可能包含以下代码： ```html &lt;!-- 对联广告内容，可能是图片、文本等 --&gt; ``` ```css #sidebarAd { position: fixed; /* 固定位置 */ width: 300px; /* 宽度 */ height: 600px; /* ...

    原生js广告代码制作可展开关闭的页面上固定的图片对联广告代码

    一个简单的图片对联广告可能包含两个div元素，分别用于展示左侧和右侧的广告图片。这两个div可以设置为固定定位（fixed positioning），以便它们始终在屏幕的两侧可见。例如： ```html 左侧广告"&gt; 右侧广告"&gt; ...

    符合w3c对联广告代码.txt

    W3C标准与对联广告代码 #### W3C标准 W3C（World Wide Web Consortium）是万维网联盟，它制定了一系列用于互联网的技术标准，如HTML、CSS、XML等。遵循W3C的标准意味着代码更规范、兼容性更好、易于维护。 #### ...

    对联式左右广告代码

    以下是一个简单的例子，使用jQuery来替换广告占位符： ```javascript &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; $(document).ready(function() { $('.left-ad').load('...

Magicbox
Global site tag (gtag.js) - Google Analytics