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

页面加载时缩放DOM

onload scale animation jquery

Ktmock13 · 技术社区 · 11 年前

我希望在加载页面时缩放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 回复 | 直到 11 年前

j08691 11 年前

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

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

jsFiddle example

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

basarat 11 年前

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

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

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

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前