0

ページの読み込み時に div 要素をスケーリングしたい。私が検索したものから、これはjQueryを使用した正しいまたはほぼ正しい構文です。しかし、ページをロードしても何も起こりません。これは確かに簡単な修正ですが、私はこれを見つけるには新しすぎます。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
    <link href="twitter-bootstrap-v2/docs/assets/css/example-fixed-layout.css" rel="stylesheet">
</head>
<body>


    <script src="jquery.js"></script>
    <script>
     $("body").onload(function() {
     $('#div1').effect('scale'{percent:200},1000)
     });
    </script>

<div id="div1"></div>

</body>
</html>
4

2 に答える 2

1

効果は最後までつきません。zoom css プロパティをアニメーション化することをお勧めします。

$(function () {
     $('#div1').animate({
         'zoom':2
    }, 500)
});

作業例： http: //jsfiddle.net/basarat/eC23T/1/

于 2013-03-20T02:13:31.213 に答える
1

次の構文を試してください (jQuery AND jQueryUI を含めることを忘れないでください)。

$(function () {
    $('#div1').effect('scale', {
        percent: 200
    }, 1000)
});

jsFiddle の例

$(function () {(は の省略形であることに注意してください$(document).ready(function() {)

于 2013-03-20T01:57:19.710 に答える