jQuery로 페이지로드시 div를 줌하는 방법?

Question

페이지를로드 할 때 div를 확대하는 방법이 있습니까? Chrome에 새 앱을 설치하는 경우와 마찬가지로 새 탭 페이지로 이동하여 새 앱을 확대합니다. 멋져 보인다.

누구나 jQuery로이 작업을 수행 할 수 있습니다.

Answer 1

여기에 CSS에서 jQuery를 함께 (top & left 오프셋 및 위치)

example jsfiddle

세트 시작 크기를 확대하는 하나의 방법하십시오 jQuery로

#zoom-box { 
    background: #7d7e7d; 
    background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); 
    border-radius:10px; 
    width:0; 
    height:0; 
    position:relative; 
    top:150px; 
    left:150px; 
    border:solid 4px yellow; 
    font-size:0; 
    line-height:0; 
    vertical-align:middle; 
    text-align:center; 
    color:#fff; 
} 

다음 크기 다 최대 animate() 방법

$('#zoom-box').animate({ 
    width:'300px', 
    height:'300px', 
    top:'0', 
    left:'0', 
    'font-size':'50px', 
    'line-height':'300px' 
}, 1000); 

,363,210

Answer 2

당신은 이미지처럼 DIV 안에 모든 일에-확대 텍스트 크기 등을 증가해야합니다

...

아마 jQuery를위한 확대 플러그인이 있습니다.

Answer 3

CSS : (JQueryUI 포함)

div { 
    width:50px; 
    height:50px; 
    margin:20px; 
    background-color:red; 
    font-size:1em; 
} 

.big { 
    width:100px; 
    height:100px; 
    font-size:2em; 
} 

JQuery와 : 시간과 http://jsfiddle.net/tjRvn/

불행하게도 addClass() 오늘 밤 크롬에서 작동하지 않습니다 : 여기에

$(function(){ 
     $('#my_div').addClass("big",500).removeClass("big",500); 
}); 

데모입니다. 이상 :/