お世話になります。
自作したイラストを画像としてHTMLで表示し、それをjqueryの.animate
を使って上下にゆらゆら揺れるものを作っています。
揺れるのはできたのですが、画像の下にあるボタンも一緒に動いてしまいます。
画像のみを動かすにはどうしたらいいでしょうか?
html
1<body> 2 <div><img src="img/gazou.png" class="gazou"/></div> 3 <form> 4 <input type="text" id="username" placeholder="User name"/> 5 <input type="password" id="password" placeholder="password"/> 6 <input type="submit" id="login" value="新規登録・ログイン" /> 7 </form> 8 </body>
css
1$(function () { 2 setTimeout('rect()'); //アニメーションを実行 3 }); 4 5 function rect() { 6 $('.gazou').animate({ 7 marginTop: '-=10px' 8 }, 800).animate({ 9 marginTop: '+=10px' 10 }, 800); 11 setTimeout('rect()', 1600); //アニメーションを繰り返す間隔 12 }
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/13 08:40
退会済みユーザー
2016/10/13 08:53
2016/10/13 13:43
退会済みユーザー
2016/10/19 04:18