묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
우측 퀵메뉴 적용할때요
2011.02.21 20:58
아래 코드를 레이아웃 HTML에 넣어 퀵메뉴를 적용해봤는데 퀵메뉴는 제대로 움직이더라구요.
하지만 제가 랜덤 이미지 롤링 위젯을 메인에 사용중인데 이 코드를 넣으면 이미지가 뜨지않습니다..ㅠ.ㅠ
퀵메뉴는 넣고싶은데 어째서 이런 오류가 생기는지... 아신다면 고수님들 답변 부탁드려요~
혹시 다른 방법으로 퀵메뉴를 적용하는 법이 있다면 알려주시면 감사하겠습니다ㅠ.ㅠ
----------------------------------------------------------------------
<div id="quick_menu" style="position:absolute;display:none;">
퀵매뉴
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
(function($){
var quick_menu = $('#quick_menu'); // 퀵매뉴의 id명
var quick_top = 130; // 위에서부터 떨어져야 되는 거리
var quick_left = 510; // 중앙에서 떨어져야 되는 거리
var quick_speed = 1000; // 이동속도
$(document).ready(function(){
quick_menu.css('top', quick_top + "px");
quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
quick_menu.css('display', '');
$(window).resize(function(){
quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
});
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, quick_speed );
});
});
})(jQuery);
</script>
--------------------------------------------------------------------------------------
하지만 제가 랜덤 이미지 롤링 위젯을 메인에 사용중인데 이 코드를 넣으면 이미지가 뜨지않습니다..ㅠ.ㅠ
퀵메뉴는 넣고싶은데 어째서 이런 오류가 생기는지... 아신다면 고수님들 답변 부탁드려요~
혹시 다른 방법으로 퀵메뉴를 적용하는 법이 있다면 알려주시면 감사하겠습니다ㅠ.ㅠ
----------------------------------------------------------------------
<div id="quick_menu" style="position:absolute;display:none;">
퀵매뉴
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
(function($){
var quick_menu = $('#quick_menu'); // 퀵매뉴의 id명
var quick_top = 130; // 위에서부터 떨어져야 되는 거리
var quick_left = 510; // 중앙에서 떨어져야 되는 거리
var quick_speed = 1000; // 이동속도
$(document).ready(function(){
quick_menu.css('top', quick_top + "px");
quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
quick_menu.css('display', '');
$(window).resize(function(){
quick_menu.css('left', (document.body.clientWidth / 2) + quick_left + "px" );
});
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, quick_speed );
});
});
})(jQuery);
</script>
--------------------------------------------------------------------------------------