jqueryの問題を作ってみました。
これからちょっとずつ増やしていきます。
参考までにどうぞ
問1 dataメソッド
clickを押すとID「hako」からnameの値(yamada)が表示されるよう記述せよ
<div id="hako"></div>
<button id="stop">click</button>
<script type="text/javascript">
$(function(){
$('#hako').data('name','yamada');
/*ココに答えを入れてください*/
});
</script>
答えはこちら
$('#stop').on('click',function(){
var Name = $('#hako').data('name');
$('#hako').text(Name);
});
問2 アニメーションとonメソッド
class「anime1」をクリックしたら、class「mabataki」を0.1秒で不透明度100%にした後、0.1秒で不透明度0%にせよ
.mabataki{
opacity:0;
}
<div id="main_box">
<img src="http://jsrun.it/assets/0/y/l/N/0ylNg.png" class="karada" width="200" height="150" />
<img src="http://jsrun.it/assets/O/w/k/2/Owk2s.png" class="mabataki" width="200" height="150" />
</div>
<div id="btn">
<button class="anime1">まばたき</button>
<button class="anime1stop">まばたきストップ</button>
</div>
<script type="text/javascript">
$(function(){
/*ここに答えを入れてください*/
});
</script>
答えはこちら
$('.anime1').on('click' , function(){
slideimg();
});
function slideimg(){
$(".mabataki")
.animate({'opacity':'1'},100)
.animate({'opacity':'0'},100);
}





