Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法将particlesJS设置为背景_Javascript_Css_Html_Twitter Bootstrap 3_Particles.js - Fatal编程技术网

Javascript 无法将particlesJS设置为背景

Javascript 无法将particlesJS设置为背景,javascript,css,html,twitter-bootstrap-3,particles.js,Javascript,Css,Html,Twitter Bootstrap 3,Particles.js,我想设置为三页单滚动网页的背景。 这是你的电话号码。 这是你的电话号码 我已经注释掉了css,它将particlesJS设置为第一页的背景,因为取消了css的注释,使段落在中屏幕和大屏幕中向左对齐 $('a.page-scroll')。在('click',函数(事件){ var$anchor=$(此); $('html,body').stop().animate({ scrollTop:$($anchor.attr('href')).offset().top-30 }, 1000); even

我想设置为三页单滚动网页的背景。 这是你的电话号码。 这是你的电话号码

我已经注释掉了css,它将particlesJS设置为第一页的背景,因为取消了css的注释,使段落在中屏幕和大屏幕中向左对齐

$('a.page-scroll')。在('click',函数(事件){
var$anchor=$(此);
$('html,body').stop().animate({
scrollTop:$($anchor.attr('href')).offset().top-30
}, 1000);
event.preventDefault();
});
particlesJS(“particlesJS”{
“粒子”:{
“编号”:{
“价值”:80,
“密度”:{
“启用”:正确,
“价值面积”:800
}
},
“颜色”:{
“值”:“#ffffff”
},
“形状”:{
“类型”:“圆圈”,
“笔划”:{
“宽度”:0,
“颜色”:“000000”
},
“多边形”:{
“nb_边”:5
},
“图像”:{
“src”:“img/github.svg”,
“宽度”:100,
“高度”:100
}
},
“不透明度”:{
“值”:0.5,
“随机”:假,
“动画”:{
“enable”:false,
“速度”:1,
“不透明度最小值”:0.1,
“同步”:错误
}
},
“尺寸”:{
“价值”:3,
“随机”:对,
“动画”:{
“enable”:false,
“速度”:40,
“最小尺寸”:0.1,
“同步”:错误
}
},
“行链接”:{
“启用”:正确,
“距离”:150,
“颜色”:“ffffff”,
“不透明度”:0.4,
“宽度”:1
},
“移动”:{
“启用”:正确,
“速度”:6,
“方向”:“无”,
“随机”:假,
“直”:假,
“输出模式”:“输出”,
“反弹”:错误,
“吸引”:{
“enable”:false,
“rotateX”:600,
“rotateY”:1200
}
}
},
“互动性”:{
“在画布上检测”:“画布”,
“事件”:{
“悬停”:{
“启用”:正确,
“模式”:“抓取”
},
“onclick”:{
“启用”:正确,
“模式”:“推送”
},
“调整大小”:true
},
“模式”:{
“抓取”:{
“距离”:140,
“行链接”:{
“不透明度”:1
}
},
“泡沫”:{
“距离”:400,
“尺寸”:40,
“期限”:2,
“不透明度”:8,
“速度”:3
},
“拒绝”:{
“距离”:200,
“持续时间”:0.4
},
“推送”:{
“粒子”:4
},
“删除”:{
“粒子”:2
}
}
},
“视网膜检测”:正确
});
*{
边际上限:0;
页边距底部:0;
}
#第1页{
高度:1000px;
背景色:#000;
颜色:白色;
}
#第2页{
高度:1000px;
颜色:白色;
背景色:#18121e;
填充顶部:140px;
边框顶部:100px;
}
#第3页{
高度:650px;
颜色:白色;
背景色:#233237;
背景尺寸:封面;
填充顶部:200px;
}
身体{
填充顶部:0px;
}
#第1页p{
填充顶部:100px;
字体大小:2.5rem;
}
#第1页p#突出显示{
颜色:粉红色!重要;
}
#第2页h3{
填充底部:80px;
线高:1.5;
}
#第3页h3{
填充底部:100px;
线高:1.5;
}
.btn{
颜色:白色;
背景色:#000!重要;
}
.btn:悬停{
颜色:灰色;
}
@媒体屏幕和屏幕(最大宽度:990px){
.btn~.btn{
边缘顶部:10px;
}
}
/*
#粒子js{
身高:100%;
}
#粒子js>p{
位置:绝对位置;
顶部:100px;
}
*/
.文本中心{
文本对齐:居中;
}
.盒子{
显示:块;
宽度:100%;
文本对齐:居中;
保证金:0自动;
}
.缩略图{
高度:278px;
}
.包厢A区,
.B组,
.box分区C,
.盒子D部{
浮动:左;
}
@介质(最大宽度:519px){
.包厢A区,
.B组,
.box分区C,
.盒子D部{
宽度:100%;
}
}
@介质(最小宽度:520像素){
.包厢A区,
.B组,
.box分区C,
.盒子D部{
宽度:50%;
}
}
@介质(最小宽度:820像素){
.包厢A区,
.B组,
.box分区C,
.盒子D部{
宽度:25%;
}
}

切换导航
由拉希德·诺沙德()于

请参见

马上就来! 马上就来!


以下是如何使您的
div
悬停在另一个位置。我使用
z-index
属性将文本放置在画布上

快乐编码

particlesJS(“particlesJS”{
“粒子”:{
“编号”:{
“价值”:80,
“密度”:{
“启用”:正确,
“价值面积”:800
}
},
“颜色”:{
“值”:“#ffffff”
},
“形状”:{
“类型”:“圆圈”,
“笔划”:{
“宽度”:0,
“颜色”:“000000”
},
“多边形”:{
“nb_边”:5
},
“图像”:{
“src”:“img/github.svg”,
“宽度”:100,
“高度”:100
}
},
“不透明度”:{
“值”:0.5,
“随机”:假,
“动画”:{
“enable”:false,
“速度”:1,
“不透明度最小值”:0.1,
“同步”:错误
}
},
“尺寸”:{
“价值”:3,
“随机”:对,
“动画”:{
“enable”:false,
“速度”:40,
“最小尺寸”:0.1,
“同步”:错误
}
},
“行链接”:{
“启用”:正确,
“距离”:150,
“颜色”:“ffffff”,
“不透明度”:0.4,
“宽度”:1
},
“移动”:{
“启用”:tru