묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 script.js 질문이요..
2012.02.21 17:22
위의 홈페이지보시면
사이드바 메뉴를 누르면 통통 튀는 효과가 나타나는데요
제 홈페이지에도 적용을 하고 싶습니다.
제이쿼리 인클루드 파일
http://xe.tusbox.com/layouts/columnist/js/script.js 을 폴더에 넣었구요...
아래는 로드파일 이라는데요.. 어디에 어떻게 넣어야 되는건가요??..
$(document).ready(function(){
$.easing.def = "easeOutBounce";
$('li.menuItem a').click(function(e){
var dropDown = $(this).parent().next();
$('.lnb').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});
아래는 html 이라는데요.. 이것또한 어디에 어떻게 넣어야 위와 같은 효과를 낼 수 있을까요...
<ul>
<li class="menuitem"><a class="menutext"></a></li>
<li class="lnb">
<ul>
<li><a class="menutext"></a>
</ul>
</li>
</ul>
날이 조금씩 풀리네요 감기 조심하시구요..
답변 감사합니다..
댓글 1
-
leave
2012.02.21 18:57
-
간지횽
2012.02.21 20:03
정말 감사합니다.. $를 jquery 로 바꾸니 적용되더군요.. ㅠㅠ 그런데 소스가 틀렸는지 위 홈피처럼 안되고 이상하게 적용됬네요 ..ㅠㅠ
레이아웃 편집가셔서
상단에 적당한곳에
<!--%import("js/script.js")-->
<script type="text/javascript">
$(document).ready(function(){
$.easing.def = "easeOutBounce";
$('li.menuItem a').click(function(e){
var dropDown = $(this).parent().next();
$('.lnb').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});
</script>
이렇게 설정하시면 될겁니다