質問編集履歴
2
ついか「
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
```
|
|
96
|
-
```
|
|
96
|
+
```
|
|
97
97
|
<body>
|
|
98
98
|
<header>
|
|
99
99
|
<h1>study jQuery</h1>
|
|
@@ -123,6 +123,7 @@
|
|
|
123
123
|
</div>
|
|
124
124
|
</section>
|
|
125
125
|
</body>
|
|
126
|
+
```
|
|
126
127
|
|
|
127
128
|
```ここに言語を入力
|
|
128
129
|
$(function(){
|
|
@@ -143,5 +144,5 @@
|
|
|
143
144
|
|
|
144
145
|
});
|
|
145
146
|
```
|
|
146
|
-
|
|
147
|
+
|
|
147
148
|
(28005ebf0b713ae778848eb6882ad6ff.png)
|
1
ついか
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -123,5 +123,25 @@
|
|
|
123
123
|
</div>
|
|
124
124
|
</section>
|
|
125
125
|
</body>
|
|
126
|
+
|
|
127
|
+
```ここに言語を入力
|
|
128
|
+
$(function(){
|
|
129
|
+
var duration = 300;
|
|
130
|
+
var $firstView = $("firstView, li");
|
|
131
|
+
|
|
132
|
+
$firstView.filter(':nth-child(3)')
|
|
133
|
+
.on('mouseover', function(){
|
|
134
|
+
$(this).find('strong').stop(true).animate({bottom: '0px'}, duration);
|
|
135
|
+
$(this).find('span').stop(true).animate({opacity: 1}, duration);
|
|
136
|
+
$(this).find('img').stop(true).animate({top: '-20px'}, duration * 1.3);
|
|
137
|
+
})
|
|
138
|
+
.on('mouseout', function(){
|
|
139
|
+
$(this).find('strong').stop(true).animate({bottom: '-120px'}, duration);
|
|
140
|
+
$(this).find('span').stop(true).animate({opacity: 0}, duration);
|
|
141
|
+
$(this).find('img').stop(true).animate({top: '0px'}, duration);
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
});
|
|
126
145
|
```
|
|
146
|
+
```
|
|
127
147
|
(28005ebf0b713ae778848eb6882ad6ff.png)
|