Jquery <;部门>;图层停止图像幻灯片放映
我有下面的代码,它可以正常工作,但当页面加载,图像幻灯片停止。如果我删除了代码,幻灯片就会显示出来。请告诉我哪里出了问题Jquery <;部门>;图层停止图像幻灯片放映,jquery,Jquery,我有下面的代码,它可以正常工作,但当页面加载,图像幻灯片停止。如果我删除了代码,幻灯片就会显示出来。请告诉我哪里出了问题 <div id="darken" class="darkenB"></div> <div id="popup_box"> <div id="container">Airport Notam</div> <h1><div align="left"></div><
<div id="darken" class="darkenB"></div>
<div id="popup_box">
<div id="container">Airport Notam</div>
<h1><div align="left"></div></h1>
<a id="popupBoxClose">Close Notam</a>
</div>
诺坦机场
关闭Notam
样式:
<style type="text/css">
#popup_box {
display:none;
position:fixed;
_position:absolute;
width:700px;
overflow:auto;
background:#FFFFFF;
z-index: 100;
border:5px solid #ff0000;
padding:15px;
font-size:8px;
border-radius:25px;
}
#container {
width:100%;
height:100%;
background: #ff0000;
color: #ffffff;
font-size: 15px;
text-align:center;
}
a{ cursor: pointer; text-decoration:none; }
#popupBoxClose {
font-size:10px;
line-height:15px;
right:20px;
bottom:5px;
position:absolute;
color:#ff0000;
font-weight:500;
}
.darkenB {
display:none;
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70: /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 99;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}
</style>
#弹出框{
显示:无;
位置:固定;
_位置:绝对位置;
宽度:700px;
溢出:自动;
背景:#FFFFFF;
z指数:100;
边框:5px实心#ff0000;
填充:15px;
字号:8px;
边界半径:25px;
}
#容器{
宽度:100%;
身高:100%;
背景:#ff0000;
颜色:#ffffff;
字体大小:15px;
文本对齐:居中;
}
{光标:指针;文本装饰:无;}
#popupBoxClose{
字体大小:10px;
线高:15px;
右:20px;
底部:5px;
位置:绝对位置;
颜色:#ff0000;
字号:500;
}
darkenB先生{
显示:无;
背景色:rgb(0,0,0);
不透明度:0.7;/*Safari,Opera*/
-moz不透明度:0.70:/*FireFox*/
过滤器:alpha(不透明度=70);/*IE*/
z指数:99;
身高:100%;
宽度:100%;
背景重复:重复;
位置:固定;
顶部:0px;
左:0px;
}
jQuery:
$(文档).ready(函数(){
//加载站点时,首先加载popubox
loadPopuBox();
$('popuboxclose')。单击(函数(){
unloadPopupBox();
});
$(“#容器”)。单击(函数(){
unloadPopupBox();
});
函数unloadPopupBox(){//以卸载PopuBox
$('弹出框').fadeOut(“慢”);
$(“#变暗”).fadeOut(“缓慢”);
$('#container').css({//这只是用于样式
“不透明度”:“0.3”
});
}
函数loadPopuBox(){//以加载PopuBox
$('暗').fadeIn(“慢”);
$('弹出框').fadeIn(“慢”);
$(“#弹出框”).center();
$('#container').css({//这只是用于样式
“不透明度”:“1”
});
}
});
jQuery.fn.center=函数(){
this.css(“top”,Math.max(0,($(window).height()-$(this.outerHeight())/2)+$(window.scrollTop())+“px”);
css(“left”,Math.max(0,($(window.width()-$(this.outerWidth())/2)+$(window.scrollLeft())+“px”);
归还这个;
}
页面中的全部代码。取出“页面中的全部代码”,然后一点一点地放回去,检查是否会破坏页面。然后,您可以向我们展示哪段代码破坏了它。可能是某些js错误阻止了工作,您是否在控制台中检查了js错误?如果我取出一段代码,整个代码将无法工作!你说如果你去掉密码幻灯片就可以了。所以把它拿出来,找出哪一部分坏了。如上所述,控制台中是否存在任何错误?
$(document).ready( function() {
// When site loaded, load the Popupbox First
loadPopupBox();
$('#popupBoxClose').click( function() {
unloadPopupBox();
});
$('#container').click( function() {
unloadPopupBox();
});
function unloadPopupBox() { // TO Unload the Popupbox
$('#popup_box').fadeOut("slow");
$('#darken').fadeOut("slow");
$('#container').css({ // this is just for style
"opacity": "0.3"
});
}
function loadPopupBox() { // To Load the Popupbox
$('#darken').fadeIn("slow");
$('#popup_box').fadeIn("slow");
$('#popup_box').center();
$('#container').css({ // this is just for style
"opacity": "1"
});
}
});
jQuery.fn.center = function () {
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
return this;
}
</script>