왜 jquery round box가 안되는거죠??? ㅠ..ㅠ...
뭘 잘못한 것인가요??? 아무리 해도 div 주위에 박스가 안생겨요.
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>
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>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 11개
잘은 모르지만....ㅡㅡ;
예제 소스는 잘 되는데, 왜??? 그누안에 넣으니까 안되는 것인지... ㅠ..ㅠ...
jQuery.noConflict();를 쓰고 $대신 jQuery로 변경한 후 테스트 해보세요.
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#notice_box").corner();
});
</script>
박스가 생기지 않는 이유는 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 설정 하기도 귀챦은데 뭔가 편한 방법이 있을거 같기는 한데 안보이네요.
그리고 jquery에는 css명령이 있쟌아요?
예를 들면 $(document).ready(function(){
$("#notice_box").css('원하는 스타일').corner();
});
이렇게 해보면 어떨까 싶네요.
$(document).ready(function() {
$("#notice_box").corner("5px").css({backgroundColor:"#64698a", height:"30px"});
});
</script>
요롷게 하니까 되네요. 그런데 프로그램의 버그인지 오른쪽 끝에 잔상(?)이 남네요. ㅠ..ㅠ...
css style에서 테두리에서 1px 정도 들여와서 그릴려면 어떻게 해야 할까요?
css 넘 어려워요. ㅠ..ㅠ...