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

试试这个语法(记得包括 jQuery 和 jQueryUI):

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

jsFiddle 示例

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

于 2013-03-20T01:57:19.710 回答
1

效果不会坚持到底。我建议您为 zoom css 属性设置动画:

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

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

于 2013-03-20T02:13:31.213 回答