teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問particleground をプラグインしたのですがリンクが押せません。どなたか教えてください。

編集履歴

質問編集履歴

14

誤字

2017/03/19 20:44

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -85,7 +85,7 @@
85
85
  <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
86
86
  </div>
87
87
  <div id="title_area">
88
- <h1>タイトル"></h1>
88
+ <h1>タイトル</h1>
89
89
  </div>
90
90
  <nav id="menu-box">
91
91
  <div id="toggle"><a href="#">MENU</a></div>

13

誤字

2017/03/19 20:44

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -85,7 +85,7 @@
85
85
  <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
86
86
  </div>
87
87
  <div id="title_area">
88
- <h1="タイトル" /></h1>
88
+ <h1>タイトル"></h1>
89
89
  </div>
90
90
  <nav id="menu-box">
91
91
  <div id="toggle"><a href="#">MENU</a></div>

12

訂正

2017/03/19 20:37

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -91,11 +91,11 @@
91
91
  <div id="toggle"><a href="#">MENU</a></div>
92
92
  <ul id="menu">
93
93
  <li><a href="./index.html"/>HOME</a></li>
94
- <li><a href="./about/about.html"/>HOME</a></li>
94
+ <li><a href="./index.html"/>HOME</a></li>
95
- <li><a href="./fuji/fuji.html">HOME</a></li>
95
+ <li><a href="./index.html"/>HOME</a></li>
96
+ <li><li><a href="./index.html"/>HOME</a></li>
97
+ <li><a
96
- <li><a href="./product/product.html">HOME</a></li>
98
+ <li><a href="./index.html"/>HOME</a></li>
97
- <li><a href="#">HOME</a></li>
98
- <li><a href="./contact/contact.html">HOME</a></li>
99
99
  </ul>
100
100
  </nav>
101
101
 

11

誤字

2017/03/19 20:17

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -16,7 +16,7 @@
16
16
  <meta name="msapplication-TileImage" content="./msapplication-TileImage.png" />
17
17
  <meta name="msapplication-TileColor" content="#fff" />
18
18
  <!--[if IE]><meta http-equiv="Imagetoolbar" content="no" /><![endif]-->
19
- <title>珠木霊</title>
19
+ <title></title>
20
20
 
21
21
  <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
22
22
 

10

改善

2017/03/19 20:10

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -7,94 +7,127 @@
7
7
 
8
8
  ```ここに言語を入力
9
9
  <!DOCTYPE html>
10
-
11
10
  <html>
12
11
  <head>
13
12
  <meta charset="UTF-8" />
14
-
13
+ <meta name="description" content="" />
15
-
14
+ <meta name="keywords" content="," />
16
15
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
16
+ <meta name="msapplication-TileImage" content="./msapplication-TileImage.png" />
17
+ <meta name="msapplication-TileColor" content="#fff" />
18
+ <!--[if IE]><meta http-equiv="Imagetoolbar" content="no" /><![endif]-->
19
+ <title>珠木霊</title>
20
+
21
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
17
22
 
18
- <title></title>
19
- <link rel="stylesheet" type="text/css"
20
-
21
- <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
23
+ <link rel="icon" type="image/vnd.microsoft.icon" href="./favicon.ico" />
24
+ <link href='https://fonts.googleapis.com/css?family=Ultra' rel='stylesheet' type='text/css' />
22
25
  <link rel="stylesheet" type="text/css" href="css/default.css">
23
26
  <link rel="stylesheet" type="text/css" href="css/component.css">
24
27
 
25
-
26
-
27
-
28
- <script src="jquery/jquery-1.10.2.min.js"></script>
28
+ <script src="jquery/jquery-1.10.2.min.js"></script>
29
29
  <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
30
30
 
31
31
  <script src="js/jquery.dlmenu.js"></script>
32
32
  <script type="text/javascript">
33
33
  $(function(){
34
- $('.particales').particleground({ //要素の指定
34
+ $('.particales').particleground({ //要素の指定
35
- dotColor: '#ffffff', //ドットの色
35
+ dotColor: '#ffffff', //ドットの色
36
- lineColor: '#ffffff', //線の色
36
+ lineColor: '#ffffff', //線の色
37
- particleRadius: 5 //ドットのサイズ
37
+ particleRadius: 5 //ドットのサイズ
38
+ });
39
+ $( '#dl-menu' ).dlmenu();
40
+ $("#toggle").click(function(){
41
+ $("#menu").slideToggle();
42
+ return false;
43
+ });
44
+ $(window).resize(function(){
45
+ var win = $(window).width();
46
+ var p =660;
47
+ if(win > p){
48
+ $("#menu").show();
49
+ } else {
50
+ $("#menu").hide();
51
+ }
52
+ });
53
+ var win = $(window).width();
54
+ var p = 660;
55
+ if(win < p)$(function(){
56
+ $("#menu li a").click(function(){
57
+ $("#menu").hide();
58
+ });
59
+ });
38
60
  });
39
- $( '#dl-menu' ).dlmenu();
40
- $("#toggle").click(function(){
41
- $("#menu").slideToggle();
42
- return false;
43
- });
44
- $(window).resize(function(){
45
- var win = $(window).width();
46
- var p =660;
47
- if(win > p){
48
- $("#menu").show();
49
- } else {
50
- $("#menu").hide();
51
- }
52
- });
53
- var win = $(window).width();
54
- var p = 660;
55
- if(win < p)$(function(){
56
- $("#menu li a").click(function(){
57
- $("#menu").hide();
58
- });
59
- });
60
- };
61
61
  </script>
62
-
62
+ <!--[if lt IE 9]>
63
63
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
64
+ <![endif]-->
65
+ <!--[if lte IE 8]>
64
- <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
66
+ <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
65
- <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
67
+ <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
66
- <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
68
+ <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
69
+ <![endif]-->
70
+
67
71
 
68
72
 
69
-
70
- </head>
73
+ </head>
74
+
71
- <body>
75
+ <body>
76
+
77
+
72
- <div id="layout_area" class="particales">
78
+ <div id="layout_area" class="particales">
79
+
80
+
81
+
73
- <header id="header_area">
82
+ <header id="header_area">
83
+
74
- <div id="logo_area">
84
+ <div id="logo_area">
75
- <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
85
+ <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
76
- </div>
86
+ </div>
77
- <div id="title_area">
87
+ <div id="title_area">
78
- <h1>タイトル
88
+ <h1="タイトル" /></h1>
79
- </div>
89
+ </div>
80
- <nav id="menu-box">
90
+ <nav id="menu-box">
81
91
  <div id="toggle"><a href="#">MENU</a></div>
82
- <ul id="menu">
92
+ <ul id="menu">
83
- <li><a href="./index.html"/>HOME</a></li>
93
+ <li><a href="./index.html"/>HOME</a></li>
84
- <li><a href="./about/about.html"/>home</a></li>
94
+ <li><a href="./about/about.html"/>HOME</a></li>
85
- <li><a href="./fuji/fuji.html">hime</a></li>
95
+ <li><a href="./fuji/fuji.html">HOME</a></li>
86
- <li><a href="./product/product.html">home</a></li>
96
+ <li><a href="./product/product.html">HOME</a></li>
87
- <li><a href="#">home</a></li>
97
+ <li><a href="#">HOME</a></li>
88
- <li><a href="./contact/contact.html">home</a></li>
98
+ <li><a href="./contact/contact.html">HOME</a></li>
89
- </ul>
99
+ </ul>
90
100
  </nav>
101
+
91
- </header>
102
+ </header>
103
+
92
- <div id="home_right_area">
104
+ <div id="home_right_area">
93
- <img src="./img/area01_icn07.png" alt="ホームコメント"/>
105
+ <img src="./img/tamako02_icn.png" alt="tamago"/>
94
- </div>
106
+ </div>
95
- <footer id="footer_area">
107
+ <footer id="footer_area">
96
- <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
108
+ <small>&copy 2017 ALL RIGHTS RESERVED</small>
109
+ <div id="place00">
110
+
97
- </div>
111
+ </div>
112
+ </footer>
113
+
114
+ </div>
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+ </body>
128
+ </html>
129
+
130
+
98
131
  ```
99
132
 
100
133
  以上htmlに記述

9

文法の訂正

2017/03/19 20:09

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -16,8 +16,8 @@
16
16
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
17
17
 
18
18
  <title></title>
19
- <link rel="stylesheet" type="text/css" media="screen and (max-width:660px)" href="./css/screen_sp.css" />
19
+ <link rel="stylesheet" type="text/css"
20
- <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
20
+
21
21
  <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
22
22
  <link rel="stylesheet" type="text/css" href="css/default.css">
23
23
  <link rel="stylesheet" type="text/css" href="css/component.css">

8

修正

2017/03/19 19:55

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
1
+ [リンク内容](http://jnicol.github.io/particleground/)
2
2
 
3
3
 
4
4
 

7

訂正

2017/03/19 14:01

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
File without changes

6

訂正

2017/03/19 13:57

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -3,10 +3,8 @@
3
3
 
4
4
 
5
5
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
6
- ```htmlは
6
+ htmlは
7
7
 
8
-
9
-
10
8
  ```ここに言語を入力
11
9
  <!DOCTYPE html>
12
10
 
@@ -97,9 +95,8 @@
97
95
  <footer id="footer_area">
98
96
  <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
99
97
  </div>
98
+ ```
100
99
 
101
- ```
102
- ```
103
100
  以上htmlに記述
104
101
 
105
102
 

5

改善

2017/03/19 13:56

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -6,6 +6,7 @@
6
6
  ```htmlは
7
7
 
8
8
 
9
+
9
10
  ```ここに言語を入力
10
11
  <!DOCTYPE html>
11
12
 
@@ -98,6 +99,7 @@
98
99
  </div>
99
100
 
100
101
  ```
102
+ ```
101
103
  以上htmlに記述
102
104
 
103
105
 

4

誤字

2017/03/19 13:53

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,11 @@
1
1
  [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
2
2
 
3
3
 
4
- ```ここに言語を入力
4
+
5
5
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
6
6
  ```htmlは
7
7
 
8
+
8
9
  ```ここに言語を入力
9
10
  <!DOCTYPE html>
10
11
 
@@ -23,7 +24,7 @@
23
24
  <link rel="stylesheet" type="text/css" href="css/component.css">
24
25
 
25
26
 
26
- ```その中にスクリプトタグ
27
+
27
28
 
28
29
  <script src="jquery/jquery-1.10.2.min.js"></script>
29
30
  <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
@@ -64,7 +65,6 @@
64
65
  <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
65
66
  <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
66
67
  <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
67
- ```ここまでスクリプトタグ
68
68
 
69
69
 
70
70
 
@@ -97,9 +97,10 @@
97
97
  <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
98
98
  </div>
99
99
 
100
+ ```
100
101
  以上htmlに記述
101
- ```
102
+
102
- ```
103
+
103
104
  cssは
104
105
 
105
106
  ```ここに言語を入力

3

文法の修正

2017/03/19 13:50

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,11 @@
1
1
  [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
2
2
 
3
3
 
4
+ ```ここに言語を入力
4
5
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
5
6
  ```htmlは
6
7
 
8
+ ```ここに言語を入力
7
9
  <!DOCTYPE html>
8
10
 
9
11
  <html>
@@ -95,9 +97,13 @@
95
97
  <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
96
98
  </div>
97
99
 
98
- ｀｀｀以上htmlに記述
100
+ 以上htmlに記述
101
+ ```
102
+ ```
99
103
  cssは
100
104
 
105
+ ```ここに言語を入力
106
+ ```ここに言語を入力
101
107
  .pg-canvas {
102
108
  position:fixed;
103
109
  top:0;
@@ -236,6 +242,8 @@
236
242
  #toggle {
237
243
  display: none;
238
244
  }
245
+ ```
239
246
  です。
240
247
  .bg-canvasがparticlegroundというjqeryです
241
- よろしくお願いします。
248
+ よろしくお願いします。
249
+ ```

2

誤字

2017/03/19 13:48

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,25 +1,29 @@
1
+ [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
2
+
3
+
1
4
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
5
+ ```htmlは
2
6
 
3
- htmlは
4
7
  <!DOCTYPE html>
8
+
5
9
  <html>
6
10
  <head>
7
11
  <meta charset="UTF-8" />
8
- <meta name="description" content="" />
12
+
9
- <meta name="keywords" content="" />
13
+
10
14
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
11
15
 
12
16
  <title></title>
13
17
  <link rel="stylesheet" type="text/css" media="screen and (max-width:660px)" href="./css/screen_sp.css" />
14
18
  <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
15
- <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
19
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
16
-
17
-
18
-
19
20
  <link rel="stylesheet" type="text/css" href="css/default.css">
20
21
  <link rel="stylesheet" type="text/css" href="css/component.css">
21
22
 
23
+
24
+ ```その中にスクリプトタグ
25
+
22
- <script src="jquery/jquery-1.10.2.min.js"></script>
26
+ <script src="jquery/jquery-1.10.2.min.js"></script>
23
27
  <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
24
28
 
25
29
  <script src="js/jquery.dlmenu.js"></script>
@@ -51,15 +55,17 @@
51
55
  $("#menu").hide();
52
56
  });
53
57
  });
54
- });
58
+ };
55
59
  </script>
56
60
 
57
61
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
58
-
59
62
  <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
60
-
61
63
  <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
62
64
  <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
65
+ ```ここまでスクリプトタグ
66
+
67
+
68
+
63
69
  </head>
64
70
  <body>
65
71
  <div id="layout_area" class="particales">
@@ -89,6 +95,7 @@
89
95
  <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
90
96
  </div>
91
97
 
98
+ ｀｀｀以上htmlに記述
92
99
  cssは
93
100
 
94
101
  .pg-canvas {

1

誤字

2017/03/19 13:43

投稿

pun
pun

スコア7

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- particlegroundをプラグインしたらナビゲーションが押せずz-indentの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
1
+ particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
2
2
 
3
3
  htmlは
4
4
  <!DOCTYPE html>