Javascript 当前主题wp中部分内容的预加载程序
我只需要在'content'div中显示预加载程序,但预加载程序会隐藏整个页面。结构场地:Javascript 当前主题wp中部分内容的预加载程序,javascript,jquery,css,wordpress,preloader,Javascript,Jquery,Css,Wordpress,Preloader,我只需要在'content'div中显示预加载程序,但预加载程序会隐藏整个页面。结构场地: 头衔 菜单 内容(这里我需要预加载) 页脚 我找不到需要插入预加载程序代码的位置 src=”https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" $(窗口)。加载(函数(){ $(“.cssload loader”).delay(1400.fadeOut(); $(“.preload”)。延迟(1500)。淡出(“慢”);
src=”https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"
$(窗口)。加载(函数(){
$(“.cssload loader”).delay(1400.fadeOut();
$(“.preload”)。延迟(1500)。淡出(“慢”);
})
.preload{
位置:固定;
背景色:#fff;
z指数:107;
身高:100%;
宽度:100%;
}
.cssload装载机{
位置:绝对位置;
左:50%;
最高:50%;
宽度:34.284271247462px;
身高:34.284271247462px;
左边距:-17.142135623731px;
保证金顶部:-17.142135623731px;
边界半径:100%;
动画名称:cssload加载程序;
-o-animation-name:cssload-loader;
-ms动画名称:cssload加载程序;
-webkit动画名称:cssload加载程序;
-moz动画名称:cssload加载程序;
动画迭代次数:无限;
-o-动画-迭代-计数:无限;
-ms动画迭代次数:无限;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
动画计时功能:线性;
-o-动画-计时-功能:线性;
-ms动画计时功能:线性;
-webkit动画计时功能:线性;
-moz动画计时功能:线性;
动画持续时间:2.8秒;
-o-动画持续时间:2.8s;
-ms动画持续时间:2.8s;
-webkit动画持续时间:2.8秒;
-moz动画持续时间:2.8s;
}
.cssload装入器.cssload侧{
显示:块;
宽度:4px;
高度:14px;
背景色:rgba(0,0,0,0.81);
保证金:1px;
位置:绝对位置;
边界半径:50%;
动画持续时间:1.045s;
-o-动画持续时间:1.045s;
-ms动画持续时间:1.045s;
-webkit动画持续时间:1.045s;
-moz动画持续时间:1.045s;
动画迭代次数:无限;
-o-动画-迭代-计数:无限;
-ms动画迭代次数:无限;
-webkit动画迭代计数:无限;
-moz动画迭代次数:无限;
动画计时功能:轻松;
-o-动画-计时-功能:轻松;
-ms动画计时功能:轻松;
-webkit动画计时功能:轻松;
-moz动画计时功能:轻松;
}
.cssload装入器.cssload侧:第n个子(1),
.cssload装入器.cssload侧:第n个子(5){
变换:旋转(0度);
-o变换:旋转(0度);
-ms变换:旋转(0度);
-webkit变换:旋转(0度);
-moz变换:旋转(0度);
动画名称:cssload-rotate0;
-o-animation-name:cssload-rotate0;
-ms动画名称:cssload-rotate0;
-webkit动画名称:cssload-rotate0;
-moz动画名称:cssload-rotate0;
}
.cssload装入器.cssload侧:第n个子(3),
.cssload装入器.cssload侧:第n个子(7){
变换:旋转(90度);
-o变换:旋转(90度);
-ms变换:旋转(90度);
-webkit变换:旋转(90度);
-moz变换:旋转(90度);
动画名称:cssload-rotate90;
-o-animation-name:cssload-rotate90;
-ms动画名称:cssload-rotate90;
-webkit动画名称:cssload-rotate90;
-moz动画名称:cssload-rotate90;
}
.cssload装入器.cssload侧:第n个子(2),
.cssload装入器.cssload侧:第n个子(6){
变换:旋转(45度);
-o变换:旋转(45度);
-ms变换:旋转(45度);
-webkit变换:旋转(45度);
-moz变换:旋转(45度);
动画名称:cssload-rotate45;
-o-animation-name:cssload-rotate45;
-ms动画名称:cssload-rotate45;
-webkit动画名称:cssload-rotate45;
-moz动画名称:cssload-rotate45;
}
.cssload装入器.cssload侧:第n个子(4),
.cssload装入器.cssload侧:第n个子(8){
变换:旋转(135度);
-o变换:旋转(135度);
-ms变换:旋转(135度);
-webkit变换:旋转(135度);
-moz变换:旋转(135度);
动画名称:cssload-rotate135;
-o-animation-name:cssload-rotate135;
-ms动画名称:cssload-rotate135;
-webkit动画名称:cssload-rotate135;
-moz动画名称:cssload-rotate135;
}
.cssload装入器.cssload侧:第n个子项(1){
顶部:17.142135623731px;
左:34.284271247462px;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子(2){
顶部:29.21320341093px;
左:29.21320341093px;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子项(3){
顶部:34.284271247462px;
左:17.142135623731px;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子项(4){
顶部:29.21320341093px;
左:5.0710678163691像素;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子(5){
顶部:17.142135623731px;
左:0px;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子(6){
顶部:5.0710678163691像素;
左:5.0710678163691像素;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cssload装入器.cssload侧:第n个子(7){
顶部:0px;
左:17.142135623731px;
左边距:-2px;
利润上限:-7px;
动画延迟:0;
-o-动画延迟:0;
-ms动画延迟:0;
-webkit动画延迟:0;
-moz动画延迟:0;
}
.cs