2011-09-27 3 views
1

사용자가 마우스로 4면 또는 4면에서 div 크기를 조정할 수있게하고 싶습니다.자바 스크립트로 마우스 크기 조정

나는

오른쪽 하단 모서리에있는 작은 작은 크기 조정 이미지가 플러스가 될 것입니다 ... 그냥 자바 스크립트, 아니 JQ 라이브러리하십시오를 사용하는 whish!

감사

여기에서 볼 수 있듯이
+8

내가 그 동안 선생님의 차가운 음료를 제공 할 수 있습니다? – amosrivera

+1

하, 3 득표! 나는 그런 간단한 질문으로 사람들을 괴롭히는 것을 볼 수 없다 !!! 게다가, 당신은 나를 downvote 자유지만, 제발 이유를 말해주십시오! –

+0

@DidierLevy 귀하의 질문은 무엇입니까? 당신은 사람들에게 당신의 일을 끝내라고 요구할뿐입니다. 당신은 심지어 '나는 ~ 싶습니다'로 시작합니다. 이것은 품질 보증 사이트입니다. – amosrivera

답변

3

사용 CSS3 resize: both; : http://dhtmlexamples.com/2011/01/20/creating-a-user-resizable-div-tag-using-css3/

<style type="text/css"> 
    .isResizable { 
     background: rgba(255, 0, 0, 0.2); 
     font-size: 2em; 
     border: 1px solid black; 
     overflow: hidden; 
     resize: both; 
     width: 160px; 
     height: 120px; 
     min-width: 120px; 
     min-height: 90px; 
     max-width: 400px; 
     max-height: 300px; 
    } 
</style> 

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div> 
+0

이것은 단지 대단했을 것입니다 ...하지만 아아 그 IE에서 작동하지 않습니다! (IE9 마음을 사용하고 있습니다.) 나는 파이어 폭스를 사용하는 것에 대해 어떤 것도 가지고 있지 않지만, FAC T는 나의 사용자 중 80 명이 IE에있다 ... 그리고 나는 그들에게 변화 시키라고 말하지 않는다. –

+0

모든 브라우저에서 제대로 작동하지 않을 것으로 예상되며 일부 브라우저에서는 지원되지 않으므로 프로덕션 코드로 사용하지 않는 것이 좋습니다. 나는 당신의 반대에도 불구하고 jQuery 라이브러리를 추천 할 것이다. –

관련 문제