質問編集履歴
4
微調整
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,3 +52,7 @@
|
|
52
52
|
</script>
|
53
53
|
```
|
54
54
|
|
55
|
+
当方、WEB系の企画制作の担当で、HTML・CSSは分かるのですが、
|
56
|
+
Javascriptには詳しくないので、やさしく教えてもらえると助かります。
|
57
|
+
|
58
|
+
|
3
微修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
現状、上記のように記述しています。
|
42
42
|
下記のようにした場合、マウスホバー後にsetTimeoutしてしまいます。
|
43
|
-
できれば、0.3秒ほどマウスホバーし
|
43
|
+
できれば、0.3秒ほどマウスホバーした場合に、動作を開始してほしいのです。
|
44
44
|
```
|
45
45
|
<script>
|
46
46
|
// 上記にsetTimeoutを追加してみたが、駄目でした。
|
2
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -29,9 +29,9 @@
|
|
29
29
|
|
30
30
|
<script>
|
31
31
|
// 指定のスライドに移動
|
32
|
-
$('.slick-GoTo-0').on('click mouseenter', function() {
|
32
|
+
$('.slick-GoTo-0').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 0, false); });
|
33
|
-
|
33
|
+
$('.slick-GoTo-1').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 1, false); });
|
34
|
-
});
|
34
|
+
$('.slick-GoTo-2').on('click mouseenter', function() { $('.slider').slick('slickGoTo', 2, false); });
|
35
35
|
</script>
|
36
36
|
|
37
37
|
```
|
1
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -9,7 +9,7 @@
|
|
9
9
|
トヨタ公式サイトですと、かなり精密に素早く反応しているのです。
|
10
10
|
https://toyota.jp/index.html
|
11
11
|
|
12
|
-
|
12
|
+
```
|
13
13
|
<div id="header-mega-menu">
|
14
14
|
<div class="mega-menu-content">
|
15
15
|
<div class="mega-menu-content-item">
|
@@ -34,12 +34,14 @@
|
|
34
34
|
});
|
35
35
|
</script>
|
36
36
|
|
37
|
+
```
|
38
|
+
|
37
39
|
|
38
40
|
|
39
41
|
現状、上記のように記述しています。
|
40
42
|
下記のようにした場合、マウスホバー後にsetTimeoutしてしまいます。
|
41
43
|
できれば、0.3秒ほどマウスホバーしてから、動作を開始してほしいのです。
|
42
|
-
|
44
|
+
```
|
43
45
|
<script>
|
44
46
|
// 上記にsetTimeoutを追加してみたが、駄目でした。
|
45
47
|
$('.slick-GoTo-0').on('click mouseenter', function() {
|
@@ -48,3 +50,5 @@
|
|
48
50
|
},300);
|
49
51
|
});
|
50
52
|
</script>
|
53
|
+
```
|
54
|
+
|