[JS]ホバー時、ふんわりとバウンドするモーションをつけるスクリプト

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/04/26 12:17

ただいまコメントを受けつけておりません。

[JS]ホバー時、ふんわりとバウンドするモーションをつけるスクリプト

コリスより
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-buttons-with-bound-effect.html

<script type="text/javascript">

$(document).ready(function(){

$(".button").hover(function(){

$(".button img")

.animate({top:"-10px"}, 200).animate({top:"-4px"}, 200) // first jump

.animate({top:"-7px"}, 100).animate({top:"-4px"}, 100) // second jump

.animate({top:"-6px"}, 100).animate({top:"-4px"}, 100); // the last jump

});

});

</script>