0

このページで JQuery アニメーションを適切に (下に、中央に) 配置しようとしています。

http://www.edoardocroce.com/

あちこちで見つけたコードのスニペットを使用しています。ここで使用しているコードは以下にあります。

これが多くの作業なしで可能かどうか、誰にも教えてもらえますか?

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js">
    </script>
    <script type="text/javascript">
var myName = "Edo's Blog";
var letterColors=[black,black,black];
if(10 < 9) {
    bubbleShape = "circle";
}
else {
    bubbleShape = "square";
}
drawName(myName, letterColors);
bounceBubbles();
    </script>
  </body>
</html>
4

2 に答える 2

0

にスタイリングを#myCanvas追加するか、その上にスタイリングを追加して、次のようにします。

<div id="header"><canvas id="myCanvas"></canvas></div>

そしてあなたのCSSで：

#header { text-align: center; width: 100% }
#myCanvas { margin-top: 100px }

これにより、キャンバスが中央に配置され、ヘッダーが 100px 低くなります。

于 2014-01-04T23:35:40.497 に答える