在页面加载时缩放DOM

我想在加载页面时缩放div元素。从我搜索的这个是使用jQuery的正确或几乎正确的语法;但是当我加载页面没有任何反应。这当然是一个简单的解决方法，我只是太新而已，以此来发现它。在页面加载时缩放DOM

<!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>

来源

2013-03-20 Ktmock13

尝试'$（文件）。就绪（函数（）{...}）;' – adeneo 2013-03-20 01:57:14

试试这个语法（请记住，包括jQuery和jQueryUI的）：

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

jsFiddle example

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

来源

2013-03-20 01:57:19 j08691

好这个工作谢谢！你会用什么效果/动画来水平拉伸div？不只是放大。 – Ktmock13 2013-03-20 02:45:50

我会开始动画的宽度。 – j08691 2013-03-20 02:47:28

明白了，谢谢大家！ keithtmock.com < - 工作模式 – Ktmock13 2013-03-20 03:12:32

影响不会粘最后。我建议你动画缩放CSS属性：

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

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

来源

2013-03-20 02:13:31 basarat

在页面加载时缩放DOM

回答

相关问题