数码资讯
您可以添加HTML的假弹出框来实现代码。
js 复制代码代码如下所示: 无功popupstatus = 0; 用jQuery魔术加载弹出窗口! 功能loadpopup(){ 仅在禁用时才加载弹出窗口 如果(popupstatus = = 0){ $(# backgroundpopup)。Css({ 不透明0.7 }); $(# backgr
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
js
复制代码代码如下所示:
无功popupstatus = 0;
用jQuery魔术加载弹出窗口!
功能loadpopup(){
仅在禁用时才加载弹出窗口
如果(popupstatus = = 0){
$(# backgroundpopup)。Css({
不透明0.7
});
$(# backgroundpopup)。FadeIn(慢);
$(# popupcontact)。FadeIn(慢);
popupstatus = 1;
}
}
使用jQuery魔术禁用弹出窗口!
功能disablepopup(){
仅当启用时才禁用弹出窗口
如果(popupstatus = = 1){
$(# backgroundpopup)。FadeOut(慢);
$(# popupcontact)。FadeOut(慢);
popupstatus = 0;
}
}
居中弹出窗口
功能centerpopup(){
请求居中数据
VaR的浏览器= navigator.useragent;
VaR WindowWidth = document.documentelement.clientwidth;
无功windowheight = document.documentelement.clientheight;
停止;
无功sleft = ;
如果(browser.indexof('chrome)!= 1){
document.body.scrolltop停止;
sleft = document.body.scrollleft;
}
别的{
document.documentelement.scrolltop停止;
sleft = document.documentelement.scrollleft;
}
/ / WindowWidth + = document.body.scrollleft;
/ / windowheight + = document.body.scrolltop;
无功popupheight = $(# popupcontact )Height();
无功popupwidth = $(# popupcontact )Width();
居中
$(# popupcontact)。Css({
位置:绝对
顶:windowheight / / 2 +停止2-popupheight,
左:WindowWidth / 2-popupwidth / 2 + sleft
});
/ /只需要力的IE6
背景/颜色
$(# backgroundpopup)。Css({
高度:windowheight
});
}
调用事件弹出框
函数BB(STR){
$(#下载)显示();
centerpopup();
LoadPopup();
关闭弹出窗口
单击X事件!
$(# popupcontactclose)。Click(function(){)
DisablePopup();
});
单击退出事件!,单击背景事件
$(# backgroundpopup)。Click(function(){)
DisablePopup();
});
按下退出事件!
$(document)。Keypress(function(e){
(= = 27如果能popupstatus = = 1){
DisablePopup();
}
});
}
HTML代码(默认隐藏)
复制代码代码如下所示:
复制代码代码如下所示:
无功popupstatus = 0;
用jQuery魔术加载弹出窗口!
功能loadpopup(){
仅在禁用时才加载弹出窗口
如果(popupstatus = = 0){
$(# backgroundpopup)。Css({
不透明0.7
});
$(# backgroundpopup)。FadeIn(慢);
$(# popupcontact)。FadeIn(慢);
popupstatus = 1;
}
}
使用jQuery魔术禁用弹出窗口!
功能disablepopup(){
仅当启用时才禁用弹出窗口
如果(popupstatus = = 1){
$(# backgroundpopup)。FadeOut(慢);
$(# popupcontact)。FadeOut(慢);
popupstatus = 0;
}
}
居中弹出窗口
功能centerpopup(){
请求居中数据
VaR的浏览器= navigator.useragent;
VaR WindowWidth = document.documentelement.clientwidth;
无功windowheight = document.documentelement.clientheight;
停止;
无功sleft = ;
如果(browser.indexof('chrome)!= 1){
document.body.scrolltop停止;
sleft = document.body.scrollleft;
}
别的{
document.documentelement.scrolltop停止;
sleft = document.documentelement.scrollleft;
}
/ / WindowWidth + = document.body.scrollleft;
/ / windowheight + = document.body.scrolltop;
无功popupheight = $(# popupcontact )Height();
无功popupwidth = $(# popupcontact )Width();
居中
$(# popupcontact)。Css({
位置:绝对
顶:windowheight / / 2 +停止2-popupheight,
左:WindowWidth / 2-popupwidth / 2 + sleft
});
/ /只需要力的IE6
背景/颜色
$(# backgroundpopup)。Css({
高度:windowheight
});
}
调用事件弹出框
函数BB(STR){
$(#下载)显示();
centerpopup();
LoadPopup();
关闭弹出窗口
单击X事件!
$(# popupcontactclose)。Click(function(){)
DisablePopup();
});
单击退出事件!,单击背景事件
$(# backgroundpopup)。Click(function(){)
DisablePopup();
});
按下退出事件!
$(document)。Keypress(function(e){
(= = 27如果能popupstatus = = 1){
DisablePopup();
}
});
}
HTML代码(默认隐藏)
复制代码代码如下所示:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。