왜 jquery round box가 안되는거죠??? ㅠ..ㅠ... 정보
왜 jquery round box가 안되는거죠??? ㅠ..ㅠ...첨부파일
본문
http://jrc.meerbox.nl/?page_id=4
<div id="notice_box">박스...............</div>
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#notice_box").corner();
});
</script>
댓글 전체
$("#notice_box").corner("1px");
잘은 모르지만....ㅡㅡ;
잘은 모르지만....ㅡㅡ;
입력이 없는 경우 default가 5px라고 하더라구요. ㅠ..ㅠ...
예제 소스는 잘 되는데, 왜??? 그누안에 넣으니까 안되는 것인지... ㅠ..ㅠ...
예제 소스는 잘 되는데, 왜??? 그누안에 넣으니까 안되는 것인지... ㅠ..ㅠ...
어쩌면 prototype과 충돌하기 때문일지 몰라요... 둘다 $를 쓰고 있어요.
jQuery.noConflict();를 쓰고 $대신 jQuery로 변경한 후 테스트 해보세요.
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#notice_box").corner();
});
</script>
jQuery.noConflict();를 쓰고 $대신 jQuery로 변경한 후 테스트 해보세요.
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#notice_box").corner();
});
</script>
prototype은 로드하지 않았기에 충돌은 아닙니다. ㅠ..ㅠ...
혹시 테스트 사이트 있어요?
업무용 사이트에 빈대 붙어 있는 곳이라, 계정을 열어드리기가 어려워서...ㅠ..ㅠ...
덕분에 재미있는거 보네요. 이런 것도 있네요...
박스가 생기지 않는 이유는 border 및 background 설정을 안해서 그래요...ㅎㅎ
예제를 보면 쉽게 이해갑니다. 제가 한 건
1. div 스타일을 지정한다.
2. corner의 효과를 지정한다. 예제에서는 10px.
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<style>
#notice_box {
padding:5px 2px 2px 10px;
height:30px;
width:200px;
/* border:1px solid #534c8a; */
background-color:#64698a;
color: white;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#notice_box").corner('10px');
});
</script>
<div id="notice_box">박스...............</div>
박스가 생기지 않는 이유는 border 및 background 설정을 안해서 그래요...ㅎㅎ
예제를 보면 쉽게 이해갑니다. 제가 한 건
1. div 스타일을 지정한다.
2. corner의 효과를 지정한다. 예제에서는 10px.
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<style>
#notice_box {
padding:5px 2px 2px 10px;
height:30px;
width:200px;
/* border:1px solid #534c8a; */
background-color:#64698a;
color: white;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#notice_box").corner('10px');
});
</script>
<div id="notice_box">박스...............</div>
style을 설정하면 box가 나오기는 하는데... 먼저 사각형이 나오고 다음에 라운딩을 하네요. ㅠㅠ...
그리고 모든 것에 대해일일이 style 설정 하기도 귀챦은데 뭔가 편한 방법이 있을거 같기는 한데 안보이네요.
그리고 모든 것에 대해일일이 style 설정 하기도 귀챦은데 뭔가 편한 방법이 있을거 같기는 한데 안보이네요.
아... 원래 스타일 적용해야 되요...corner 명령은 정해진 스타일을 변형해서 만드는 것이라...
그리고 jquery에는 css명령이 있쟌아요?
예를 들면 $(document).ready(function(){
$("#notice_box").css('원하는 스타일').corner();
});
이렇게 해보면 어떨까 싶네요.
그리고 jquery에는 css명령이 있쟌아요?
예를 들면 $(document).ready(function(){
$("#notice_box").css('원하는 스타일').corner();
});
이렇게 해보면 어떨까 싶네요.
<script type="text/javascript">
$(document).ready(function() {
$("#notice_box").corner("5px").css({backgroundColor:"#64698a", height:"30px"});
});
</script>
요롷게 하니까 되네요. 그런데 프로그램의 버그인지 오른쪽 끝에 잔상(?)이 남네요. ㅠ..ㅠ...
css style에서 테두리에서 1px 정도 들여와서 그릴려면 어떻게 해야 할까요?
css 넘 어려워요. ㅠ..ㅠ...
$(document).ready(function() {
$("#notice_box").corner("5px").css({backgroundColor:"#64698a", height:"30px"});
});
</script>
요롷게 하니까 되네요. 그런데 프로그램의 버그인지 오른쪽 끝에 잔상(?)이 남네요. ㅠ..ㅠ...
css style에서 테두리에서 1px 정도 들여와서 그릴려면 어떻게 해야 할까요?
css 넘 어려워요. ㅠ..ㅠ...
패딩이나 마진 값 및 높이 조절을 해서 하면 없어질 겁니다... 근데 막노동이죠...
