좌측 메뉴 페이지 인식 방법이 궁금합니다^^ 정보
좌측 메뉴 페이지 인식 방법이 궁금합니다^^본문
안녕하세요
소스는 아래와 같은데요
그누보드에서 페이지 인식해서 메뉴가 활성화 되는 방법을
어떻게 사용하는 건지 도움 요청 드릴게요~
아래 스크립트에 그 기능은 포함되어 있는데 어떻게 작동시키는지 모르겠네요~
<style type="text/css">
.on { font-weight:bold; text-decoration: line-through; }
</style>
<ul class="togglemn">
<li><a href="#">MENU1</a></li>
<li><a href="#">MENU2</a>
<ul>
<li><a href="#">sub1</a></li>
<li><a href="#">sub2</a></li>
<li><a href="#">sub3</a></li>
<li><a href="#">sub4</a></li>
</ul>
<li><a href="#">MENU3</a></li>
<li><a href="#">MENU4</a></li>
<li><a href="#">MENU5</a></li>
</ul>
<script type="text/javascript">
function lnbSet(param, lnbIndex, useImg, useAll){
/* var setup, base setup */
var target = $(param+"> li > a");
var target2dpt = $(param+"> li > ul > li > a");
if(useImg == "Y"){
$(param+"> li:eq("+lnbIndex+") > a > img").attr("src", $(param+"> li:eq("+lnbIndex+") > a > img").attr("src").replace(".gif", "on.gif"));
} else {
$(param+"> li:eq("+lnbIndex+") > a").addClass("on");
}
$(param+"> li:gt("+lnbIndex+") > ul").hide();
/* 2depth menu decoration script */
function lnb2dpt(obj){
$(target2dpt).removeClass("on");
$(obj).addClass("on");
}
/* show-hide all menu */
function lnbAll(){
if(useAll == "Y"){
var option_target = $(".lnb_option a");
var optIndex = 0;
$(option_target).click(
function(){
var currIndex = $(option_target).index($(this));
if(currIndex == 0){
$(param+"> li > ul").show();
} else {
$(param+"> li > ul").hide();
}});
} else {
return;
}}
/* menu binding */
target.bind("click", function(){
lnbInit(this, param, target, useImg);
}).bind("focus", function(){
lnbInit(this, param, target, useImg);
});
target2dpt.bind("click", function(){
lnb2dpt(this);
});
/* show-hide all menu starting */
lnbAll();
}
function lnbInit(obj, param, target, flag){
var currIndex = $(target).index($(obj));
if(flag == "Y"){
$(param+"> li:eq("+lnbIndex+") > a > img").attr("src", $(param+"> li:eq("+lnbIndex+") > a > img").attr("src").replace("on.gif", ".gif"));
$(param+"> li:eq("+lnbIndex+") > ul").hide();
$(param+"> li:eq("+currIndex+") > a > img").attr("src", $(param+"> li:eq("+currIndex+") > a > img").attr("src").replace(".gif", "on.gif"));
$(param+"> li:eq("+currIndex+") > ul").show();
} else {
$(param+"> li:eq("+lnbIndex+") > a[class^=on]").removeClass();
$(param+"> li:eq("+lnbIndex+") > ul").hide();
$(param+"> li:eq("+currIndex+") > a").addClass("on");
$(param+"> li:eq("+currIndex+") > ul").show();
}
lnbIndex = currIndex;
}
var lnbIndex = 0;
lnbSet(".togglemn", lnbIndex, "N", "Y");
</script>
소스는 아래와 같은데요
그누보드에서 페이지 인식해서 메뉴가 활성화 되는 방법을
어떻게 사용하는 건지 도움 요청 드릴게요~
아래 스크립트에 그 기능은 포함되어 있는데 어떻게 작동시키는지 모르겠네요~
<style type="text/css">
.on { font-weight:bold; text-decoration: line-through; }
</style>
<ul class="togglemn">
<li><a href="#">MENU1</a></li>
<li><a href="#">MENU2</a>
<ul>
<li><a href="#">sub1</a></li>
<li><a href="#">sub2</a></li>
<li><a href="#">sub3</a></li>
<li><a href="#">sub4</a></li>
</ul>
<li><a href="#">MENU3</a></li>
<li><a href="#">MENU4</a></li>
<li><a href="#">MENU5</a></li>
</ul>
<script type="text/javascript">
function lnbSet(param, lnbIndex, useImg, useAll){
/* var setup, base setup */
var target = $(param+"> li > a");
var target2dpt = $(param+"> li > ul > li > a");
if(useImg == "Y"){
$(param+"> li:eq("+lnbIndex+") > a > img").attr("src", $(param+"> li:eq("+lnbIndex+") > a > img").attr("src").replace(".gif", "on.gif"));
} else {
$(param+"> li:eq("+lnbIndex+") > a").addClass("on");
}
$(param+"> li:gt("+lnbIndex+") > ul").hide();
/* 2depth menu decoration script */
function lnb2dpt(obj){
$(target2dpt).removeClass("on");
$(obj).addClass("on");
}
/* show-hide all menu */
function lnbAll(){
if(useAll == "Y"){
var option_target = $(".lnb_option a");
var optIndex = 0;
$(option_target).click(
function(){
var currIndex = $(option_target).index($(this));
if(currIndex == 0){
$(param+"> li > ul").show();
} else {
$(param+"> li > ul").hide();
}});
} else {
return;
}}
/* menu binding */
target.bind("click", function(){
lnbInit(this, param, target, useImg);
}).bind("focus", function(){
lnbInit(this, param, target, useImg);
});
target2dpt.bind("click", function(){
lnb2dpt(this);
});
/* show-hide all menu starting */
lnbAll();
}
function lnbInit(obj, param, target, flag){
var currIndex = $(target).index($(obj));
if(flag == "Y"){
$(param+"> li:eq("+lnbIndex+") > a > img").attr("src", $(param+"> li:eq("+lnbIndex+") > a > img").attr("src").replace("on.gif", ".gif"));
$(param+"> li:eq("+lnbIndex+") > ul").hide();
$(param+"> li:eq("+currIndex+") > a > img").attr("src", $(param+"> li:eq("+currIndex+") > a > img").attr("src").replace(".gif", "on.gif"));
$(param+"> li:eq("+currIndex+") > ul").show();
} else {
$(param+"> li:eq("+lnbIndex+") > a[class^=on]").removeClass();
$(param+"> li:eq("+lnbIndex+") > ul").hide();
$(param+"> li:eq("+currIndex+") > a").addClass("on");
$(param+"> li:eq("+currIndex+") > ul").show();
}
lnbIndex = currIndex;
}
var lnbIndex = 0;
lnbSet(".togglemn", lnbIndex, "N", "Y");
</script>
댓글 전체
페이지 인식 방법??? 무슨 뜻인가요?
클릭한 메뉴를 활성화 시키는 것이요