欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

jQuery右下角弹出提醒框窗口_右下角弹出广告

程序员文章站 2021-12-24 12:02:45
...

最近百度联盟不知道为什么取消了右下角悬浮的广告位、最近呢我自己写了一个右下角悬浮的广告位、只需要把广告代码放入对应的DIV中就可以实现相应的功能了、非常方便、效果上与之前的基本上无区别、现在分享给大家、有需求的朋友可以添加一下、其实右下角悬浮的广告位的点击还是挺高的、先看效果图

jQuery右下角弹出提醒框窗口_右下角弹出广告


Html代码

<div id="popAd" style="display:none;">
      <div id="popAdHead">
        <a id="popAdClose" title="关闭">关闭</a>
        <h2>猜你喜欢</h2>
    </div>
    <div id="popAdContent">
        <a href="http://www.helloweba.com/" target="_blank"><img src="images/imgad.jpg"></a>
    </div>
</div>


jQuery代码

//popAd右下角弹窗函数
function Pop(){
    this.apearTime=1000;
    this.hideTime=500;
    this.delay=10000;
    //显示
    this.showDiv();
    //关闭
    this.closeDiv();
}
Pop.prototype={
  showDiv:function(time){
    if (!($.browser.msie && ($.browser.version == "6.0") && !$.support.style)) {
      //$(´#popAd´).slideDown(this.apearTime).delay(this.delay).fadeOut(400);
      $(´#popAd´).slideDown(this.apearTime);
    } else{//调用jquery.fixed.js,解决ie6不能用fixed
      $(´#popAd´).show();
            jQuery(function($j){
                $j(´#popAd´).positionFixed()
            })
    }
  },
  closeDiv:function(){
      $("#popAdClose").click(function(){
            $(´#popAd´).hide();
          }
    );
  }
}


js的封装文件里面还是兼容IE6.0的代码、这里就不贴出来了、现在IE6也十分的少、至少我自己是没有用到

jQuery自定义右下角广告悬浮源代码下载链接: jquery 右下角弹出窗口 密码: vpts