javascriptとjqueryを使って次のようなことがしたいです。
<div id="box" style="border:1px solid #000;width:100px height:100px;"></div> とボタンを一つ用意する。 最初そのボタンを押すと、widthを+10px、heightを-10pxする。 減少していく過程で各値が0になったときは減量の符号を反転する。 増加していく各値が200になったときは増量の符号を反転する。なかなか方法が思いつきません。
アドバイスをお願いいたします。
ほんとにまだ何もできてませんがソースはこんな感じです!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="div" onClick="size_change()"> <div id="box" style="border:1px solid #000;width:100px;height:100px;"></div> <script src="jquery.js"></script> <script type="text/javascript"> var height=$("#box").height(); var width=$("#box").width(); num=10; //増減するpx function size_change(){ $("#box").width(width+=10); $("#box").height(height-=10); } </script> </body> </html>回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/28 10:45