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

简单的对联广告

    博客分类:
  • js
阅读更多

<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]
分享到:
评论

相关推荐

    简单易写的对联广告特效

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

    自定义JS对联广告代码

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

    网页对联广告,可用于门户网站

    网页对联广告,可用于门户网站,有关闭按钮,代码简单易用

    Flash对联广告代码(带关闭按钮)

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

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

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

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

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

    非常实用的对联广告实现

    这是很实用的对联广告的实现,可以进行关闭。非常方便,代码简单

    不带关闭对联广告代码

    不带关闭对联广告代码 ,核心:不带关闭对联广告代码 ,结合目前国内最流行的设计风格及浏览风格!操作简单,图片大小便于修改,图片大小可根据情况进行及时的修改;漂浮行动的时间也可以修改,总之操作简单,效果很...

    对联广告带关闭代码.rar

    一个很经典的带有关闭按钮的对联广告代码,很简单实用,注释也写的比较详细,自己很好就能修改。

    二维码漂浮对联

    很好用的漂浮对联,兼容各种浏览器,亲自测验过; 代码简单,调用很方便,只要一句话即可调用使用; 由于每次下载资源时都为积分发愁,所以这里不设资源分了,方便大家使用!

    js广告特效

    简单对联广告可以直接复制代码到你的html中,路径保持正确

    cnzz广告管家discuz插件

    Discuz版为用户量身定做,内置对联、屏中路障、泰山压顶等常见模板,无需部署代码,操作简单,上手快。是优化广告投放、提升广告收益必不可少的工具。 独特优势: 1、实时的广告点击数据,广告效果早知道。包括...

    简洁易用的jQuery左右对称浮动广告代码.zip

    简洁易用的jQuery左右对称浮动广告代码是一个非常简单好用的jQuery对联广告代码,直接引入jQuery插件,本插件,然后再来一个调用方法即可,简单易用,不会出现冲突

    CSS简单实现网页悬浮效果(对联广告)

    css固定定位,即悬浮效果(例如对联广告),不用js,css中"position:fixed;"即可。position:fixed; 以视口为包含块,因此在浏览器窗口内固定。ie 6.0不支持,因此采用相对于html元素的绝对定位。&lt;!...

    Flash对联广告的关闭按钮讨论

    页面两边对称的对联式Flash广告很常见,我们今天姑且不谈如何制作对联广告,主要讲一下Flash广告里的小“×”(关闭按扭)的代码,以及它和外部网页环境的接合。这个关闭按扭的制作也是有一点学问的。  具体步骤...

    CNZZ广告管家discuz插件v2.0绿色版

    Discuz版为用户量身定做,内置对联、漂浮、格子广告、屏中路障、泰山压顶等常见模板,无需部署代码,操作简单,上手快。是优化广告投放、提升广告收益必不可少的工具。v2.0在v1.0的基础上做了如下升级:1、增加了7个...

    PHPADM网络广告管理系统V4.0.zip

    (7)向导式管理界面:网络广告管理系统从用户的角度出发进行设计,采用创新的向导式广告管理界面,具有简单易用的显著特点。同时系统的管理端和客户端均可以支持多种语言,这样给予了客户最大的方便。 (8)稳定的...

    CNZZ广告管家dz插件 v2.02

    CNZZ广告管家是CNZZ旗下一款高速、稳定、易用的...Discuz版为用户量身定做,内置对联、漂浮、格子广告、屏中路障、泰山压顶等常见模板,无需部署代码,操作简单,上手快。是优化广告投放、提升广告收益必不可少的工具。

    简洁易用的jQuery左右对称浮动广告代码

    一个非常简单好用的jQuery对联广告代码 直接引入jQuery插件,本插件,然后再来一个调用方法即可,简单易用,不会出现冲突 使用方法: 1、引入index.html head中的css样式 2、引入body中的代码部分即可 ...

Global site tag (gtag.js) - Google Analytics