[메뉴스킨] 대충 만든.. 슬라이드 메뉴 정보
[메뉴스킨] 대충 만든.. 슬라이드 메뉴본문
샘플
http://tjdgud.co.kr/gn/bbs/board.php?bo_table=sample4
출처
http://www.blueb.co.kr/
-----------------------------------
rolo님의
한 그룹에 있는 게시판 목록을 메뉴 리스트로 만들기
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5547
그룹과 그룹에 속한 게시판 메뉴로 만들기
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5673
pearly
메뉴순서 정하기(gr_10/bo_10 정의하기)
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5892
rolo님의 메뉴 라이브러리를 pearly가 맘대로 수정한것
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/6245
위에글에 의거하여..?.. 제작됨
----------------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
<style type="text/css">
.link {position:absolute;left:0;width:100%;height:0;background:efefef;overflow:hidden;visibility:hidden;}
.title {position:relative;cursor:pointer;width:100%;background:c0c0c0;font-family:tahoma;font-size:11px;left:2;height:15;overflow:hidden;}
.title_o {position:relative;cursor:pointer;width:100%;background:c0c0c0;font-family:tahoma;font-size:11px;left:2;height:15;overflow:hidden;}
.text {position:relative;text-align:justify;margin:10px;font-family:tahoma;font-size:11px;color:#000000;overflow:hidden;height:90%}
</style>
<script type="text/javascript">
<!--
var object = new Array();
function Slide(N,oCont){
this.N = N;
this.S = 1.1;
this.object = new Array();
this.CObj = function (parent,N){
this.parent = parent;
this.N = N;
this.obj = parent.frm[N];
this.tit = this.obj.firstChild;
this.div = this.obj.getElementsByTagName("div")[1];
this.div.style.visibility = "hidden";
this.y0 = N * 18;
this.Y1 = this.y0;
this.obj.style.top = this.y0;
this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3;
this.obj.style.visibility = "visible";
this.obj.parent = this;
this.run = false;
this.move = function(){
with(this){
dy = (y1-y0)/parent.S;
if(Math.abs(dy)>.1){
y0+=dy;
obj.style.top = Math.round(y0);
setTimeout("object["+parent.N+"].object["+N+"].move();", 16);
} else {
run = false;
if(dy>0)div.style.visibility="hidden";
else if(N>0)parent.object[N-1].div.style.visibility="hidden";
}
}
}
this.obj.onmouseover = function(){
with(this.parent){
if(!run){
run = true;
div.style.visibility="visible";
for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title";
tit.className = "title_o";
for(i=0;i<=N;i++){
parent.object[i].y1 = i*18;
parent.object[i].move();
}
for(i=N+1;i<parent.NF;i++){
parent.object[i].y1 = parent.H-(parent.NF-i)*18;
parent.object[i].move();
}
}
}
}
}
this.frm = document.getElementById(oCont);
this.H = parseInt(this.frm.style.height);
this.frm = this.frm.getElementsByTagName("span");
this.NF = this.frm.length;
for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i);
this.object[0].obj.onmouseover();
this.S = 10;
}
onload = function() {
object[0] = new Slide(0, "frames");
}
//-->
</script>
<div id="frames" style="position:absolute;width:160;height:200;overflow:hidden">
<?
foreach( $list as $key=> $value) {
echo '<span class="link"><div class="title">'.$value['gr_subject'].'</div>';
echo '<div class="text">';
foreach( $value['bbs'] as $name) {
echo '<a href="'.$g4[path].'/bbs/board.php?bo_table='.$name['bo_table'].'">';
echo $name['bo_subject'].'</a>';
echo '<br>';
}
echo '</div>';
echo '</span>';
}
?>
</div>
http://tjdgud.co.kr/gn/bbs/board.php?bo_table=sample4
출처
http://www.blueb.co.kr/
-----------------------------------
rolo님의
한 그룹에 있는 게시판 목록을 메뉴 리스트로 만들기
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5547
그룹과 그룹에 속한 게시판 메뉴로 만들기
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5673
pearly
메뉴순서 정하기(gr_10/bo_10 정의하기)
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/5892
rolo님의 메뉴 라이브러리를 pearly가 맘대로 수정한것
http://www.sir.co.kr/bbs/tb.php/g4_tiptech/6245
위에글에 의거하여..?.. 제작됨
----------------------------------------------------------------------
<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
<style type="text/css">
.link {position:absolute;left:0;width:100%;height:0;background:efefef;overflow:hidden;visibility:hidden;}
.title {position:relative;cursor:pointer;width:100%;background:c0c0c0;font-family:tahoma;font-size:11px;left:2;height:15;overflow:hidden;}
.title_o {position:relative;cursor:pointer;width:100%;background:c0c0c0;font-family:tahoma;font-size:11px;left:2;height:15;overflow:hidden;}
.text {position:relative;text-align:justify;margin:10px;font-family:tahoma;font-size:11px;color:#000000;overflow:hidden;height:90%}
</style>
<script type="text/javascript">
<!--
var object = new Array();
function Slide(N,oCont){
this.N = N;
this.S = 1.1;
this.object = new Array();
this.CObj = function (parent,N){
this.parent = parent;
this.N = N;
this.obj = parent.frm[N];
this.tit = this.obj.firstChild;
this.div = this.obj.getElementsByTagName("div")[1];
this.div.style.visibility = "hidden";
this.y0 = N * 18;
this.Y1 = this.y0;
this.obj.style.top = this.y0;
this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3;
this.obj.style.visibility = "visible";
this.obj.parent = this;
this.run = false;
this.move = function(){
with(this){
dy = (y1-y0)/parent.S;
if(Math.abs(dy)>.1){
y0+=dy;
obj.style.top = Math.round(y0);
setTimeout("object["+parent.N+"].object["+N+"].move();", 16);
} else {
run = false;
if(dy>0)div.style.visibility="hidden";
else if(N>0)parent.object[N-1].div.style.visibility="hidden";
}
}
}
this.obj.onmouseover = function(){
with(this.parent){
if(!run){
run = true;
div.style.visibility="visible";
for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title";
tit.className = "title_o";
for(i=0;i<=N;i++){
parent.object[i].y1 = i*18;
parent.object[i].move();
}
for(i=N+1;i<parent.NF;i++){
parent.object[i].y1 = parent.H-(parent.NF-i)*18;
parent.object[i].move();
}
}
}
}
}
this.frm = document.getElementById(oCont);
this.H = parseInt(this.frm.style.height);
this.frm = this.frm.getElementsByTagName("span");
this.NF = this.frm.length;
for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i);
this.object[0].obj.onmouseover();
this.S = 10;
}
onload = function() {
object[0] = new Slide(0, "frames");
}
//-->
</script>
<div id="frames" style="position:absolute;width:160;height:200;overflow:hidden">
<?
foreach( $list as $key=> $value) {
echo '<span class="link"><div class="title">'.$value['gr_subject'].'</div>';
echo '<div class="text">';
foreach( $value['bbs'] as $name) {
echo '<a href="'.$g4[path].'/bbs/board.php?bo_table='.$name['bo_table'].'">';
echo $name['bo_subject'].'</a>';
echo '<br>';
}
echo '</div>';
echo '</span>';
}
?>
</div>
추천
1
1
댓글 2개
FF에서 작동 되나요?
파폭에서 동작은 되는듯 하나
샘플 페이지가 너무정신이 없네요
샘플 페이지가 너무정신이 없네요
