在頁面加載時縮放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

回答

相關問題