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
//兼容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