代码之家 › 专栏 › 技术社区 › Ktmock13

页面加载时缩放DOM

onload scale animation jquery

0

Ktmock13 · 技术社区 · 13 年前

我希望在加载页面时缩放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>

2 回复 | 直到 13 年前

1

j08691 13 年前

请尝试以下语法(请记住包含jQuery AND jQueryUI):

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

jsFiddle example

(注意 $(function () { 是的简写 $(document).ready(function() { )

2

1

basarat 13 年前

效果不会停留在最后。我建议您设置缩放css属性的动画:

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

工作示例: http://jsfiddle.net/basarat/eC23T/1/