So implementieren Sie das Eingabeaufforderungsfeld in der unteren rechten Ecke mit js_javascript-Kenntnissen

Das Beispiel in diesem Artikel beschreibt, wie Sie die Eingabeaufforderungsbox in der unteren rechten Ecke mit js implementieren. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Jquery-Plug-in (popup.js) zur Implementierung des Eingabeaufforderungsfelds in der unteren rechten Ecke

Code kopieren Der Code lautet wie folgt:

//兼容ie6的behoben代码  
//jQuery(function($j){ 
//    $j('#pop').positionFixed() 
//}) 
(function($j){ 
    $j.positionFixed = function(el){ 
        $j(el).each(function(){ 
            neu behoben (dies) 
        }) 
        Rückkehr el;                   
    } 
    $j.fn.positionFixed = function(){ 
        return $j.positionFixed(this) 
    } 
    var behoben = $j.positionFixed.impl = function(el){ 
        var o=dies; 
        o.sts={ 
            Ziel: $j(el).css('position','fixed'), 
            Container: $j(Fenster) 
        } 
        o.sts.currentCss = { 
            top: o.sts.target.css('top'),               
            rechts: o.sts.target.css('right'),               
            unten: o.sts.target.css('bottom'),                 
            links: o.sts.target.css('left')              
        } 
        if(!o.ie6)return; 
        o.bindEvent(); 
    } 
    $j.extend(fixed.prototype,{ 
        ie6: $.browser.msie && $.browser.version < 7.0, 
        bindEvent: function(){ 
            var o=dies; 
            o.sts.target.css('position','absolute') 
            o.overRelative().initBasePos(); 
            o.sts.target.css(o.sts.basePos) 
            o.sts.container.scroll(o.scrollEvent()).resize(o.resizeEvent()); 
            o.setPos(); 
        }, 
        overRelative: function(){ 
            var o=dies; 
            var relative = o.sts.target.parents().filter(function(){ 
                if($j(this).css('position')=='relative')return this; 
            }) 
            if(relative.size()>0)relative.after(o.sts.target) 
            Rückkehr o; 
        }, 
        initBasePos : function(){ 
            var o=dies; 
            o.sts.basePos = { 
                top: o.sts.target.offset().top - (o.sts.currentCss.top=='auto'?o.sts.container.scrollTop():0), 
                left: o.sts.target.offset().left - (o.sts.currentCss.left=='auto'?o.sts.container.scrollLeft():0) 
            } 
            Rückkehr o; 
        }, 
        setPos: function(){ 
            var o=dies; 
            o.sts.target.css({ 
                top: o.sts.container.scrollTop() o.sts.basePos.top, 
                links: o.sts.container.scrollLeft() o.sts.basePos.left 
            }) 
        }, 
        scrollEvent: function(){ 
            var o=dies; 
            return function(){ 
                o.setPos(); 
            } 
        }, 
        resizeEvent: function(){ 
            var o=dies; 
            return function(){ 
                setTimeout(function(){ 
                    o.sts.target.css(o.sts.currentCss)       
                    o.initBasePos(); 
                    o.setPos() 
                },1)     
            }            
        } 
    }) 
})(jQuery) 
 
jQuery(function($j){ 
    $j('#footer').positionFixed() 
}) 
 
//pop右下角弹窗函数 
Funktion Pop(title,url,intro){ 
    this.title=Titel; 
    this.url=url; 
    this.intro=intro; 
    this.apearTime=1000; 
    this.hideTime=500; 
    this.delay=10000; 
    //添加信息 
    this.addInfo(); 
    //显示 
    this.showDiv(); 
    //关闭 
  this.closeDiv(); 
} 
Pop.prototype={ 
  addInfo:function(){ 
    $("#popTitle a").attr('href',this.url).html(this.title); 
    $("#popIntro").html(this.intro); 
    $("#popMore a").attr('href',this.url); 
  }, 
  showDiv:function(time){ 
        if (!($.browser.msie && ($.browser.version == "6.0") && !$.support.style)) { 
      $('#pop').slideDown(this.apearTime).delay(this.delay).fadeOut(400);; 
    } else{//调用jquery.fixed.js,解决ie6不能用fixed 
      $('#pop').show(); 
            jQuery(function($j){ 
                $j('#pop').positionFixed() 
            }) 
    } 
  }, 
  closeDiv:function(){ 
        $("#popClose").click(function(){ 
               $('#pop').hide();                                                                                           );
}
}

Beispiel für ein Eingabeaufforderungsfeld in der unteren rechten Ecke

Code kopieren Der Code lautet wie folgt:

 
 
 
     
     
 
 

请看浏览器有下角

 
 
 
 
 

 
     
   

 
    关闭 
   

温馨提示

 
   

 
   

 
   

 
       

这里是标题

 
       

这里是内容简介

 
   

 
   

查看 »

 
   

 

 
 








< br/>























< br/>























< br/>








jquery右下角弹窗  
 

希望本文所述对大家的javascript程序设计有所帮助.