웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스
2006.10.10 22:15
마우스를 올리면 메뉴가 밑에 나옵니다^.^
<html>
<STYLE type=text/css>#menu {
BACKGROUND:#ffffff; COLOR: black; CURSOR: default; FONT-FAMILY: verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
#menu .popup {
BACKGROUND:#f8efef; BORDER-BOTTOM:#ffffff 12px solid; BORDER-LEFT: #ffffff 12px solid; BORDER-RIGHT: #ffffff 12px solid; BORDER-TOP: #ffffff 12px solid; DISPLAY: none; FONT-FAMILY: verdana; FONT-SIZE: 8px; POSITION: absolute; WIDTH: 160pt
}
#menu P {
MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt
}
A:hover {
COLOR: #708090; TEXT-DECORATION: none
}
A {
COLOR: black; FONT-SIZE:8pt; MARGIN: 5px; TEXT-DECORATION: none
}
UL {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
LI {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
P {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
.over {
COLOR: #708090
}
P {
TEXT-ALIGN: justify; TEXT-INDENT: 0.1in
}
</STYLE>
<SCRIPT language=JavaScript>
var curPop = null;
function clearCurrent() {
// Hide the pop-up menu that is currently displayed.
if (null != curPop)
curPop.style.display = "";
curPop = null;
}
function popup() {
clearCurrent();
var el = event.srcElement;
// Display a new menu option.
if (("P" == el.tagName) &&
("menu" == el.parentElement.parentElement.parentElement.parentElement.id)) {
// Position and display the pop-up menu.
var elpop = document.all[el.sourceIndex + 1];
elpop.style.pixelLeft = el.parentElement.offsetLeft+7;
elpop.style.pixelTop = el.offsetTop +
document.all.menu.offsetTop+22;
elpop.style.display = "block";
curPop = elpop;
}
event.cancelBubble = true;
}
function highlight() {
// Highlight and popup the menu options.
if (null != event.fromElement)
if ((event.fromElement.tagName == "P") &&
(event.fromElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
event.fromElement.className = "";
}
if (null != event.toElement)
if ((event.toElement.tagName == "P") && (event.toElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
popup();
event.toElement.className = "over";
}
}
</SCRIPT>
</HEAD>
<BODY onclick=clearCurrent()>
<DIV style="BACKGROUND: #ffffff; WIDHT: 100%">
<TABLE border=0 id=menu onclick=popup() onmouseout=highlight();
onmouseover=highlight();>
<TBODY>
<TR>
<TD>
<P>누구누구 Home</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http:/...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Main</A>
</div>
<TD bgColor=#ffffff></TD>
<TD>
<P>Profile</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=no,width=900,height=600,left=70,top=40')" onfocus="this.blur()">me?</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Gallery</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=850,height=600,left=100,top=40')" onfocus="this.blur()">My Gal</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">적당한 메뉴를 넣으셈.^^</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Download</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">이곳에 메뉴를..</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Music (download)</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Pops.</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">gayo</A>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Movie Theme.</A>
</div>
<TD bgColor=#ffffff></TD>
<TD>
<P>Site</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Cool Site</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Free Board</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://board1.hanmir.com/blue/Board.cgi?path=db249&db=1004patti&act=reflash','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">Free Board (old)</A>
<P><A href="#" onClick="/*window.open*/('http://www.ifuni.com/board/funiboard.php?db=patti','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=480,left=100,top=100')" onfocus="this.blur()">Free Board (new)</A>
<P><A href="#" onClick="/*window.open*/('http://board2.hanmir.com/blue/Board.cgi?path=db4&db=rubyjh','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=150,top=40')" onfocus="this.blur()">Guest Book</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>E-Mail</p>
<DIV class=popup>
<script>
function Fmail(pPage,Opt) { popUpWin = /*window.open*/(pPage,'',Opt); }
</script>
<P><a href="javascript:Fmail('http://blueboard.co.kr/mail/mail.cgi?cmd=input&skin=child
&to_name=수신자이름&to_mail=수신자메일주소&subject=안녕하세요^^*', 'top=200,left=330,width=250,height=378')" onfocus="this.blur()">Mail</A>
</P></DIV></TD></TR></TBODY></HTML>
</table>
<html>
<STYLE type=text/css>#menu {
BACKGROUND:#ffffff; COLOR: black; CURSOR: default; FONT-FAMILY: verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}
#menu .popup {
BACKGROUND:#f8efef; BORDER-BOTTOM:#ffffff 12px solid; BORDER-LEFT: #ffffff 12px solid; BORDER-RIGHT: #ffffff 12px solid; BORDER-TOP: #ffffff 12px solid; DISPLAY: none; FONT-FAMILY: verdana; FONT-SIZE: 8px; POSITION: absolute; WIDTH: 160pt
}
#menu P {
MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt
}
A:hover {
COLOR: #708090; TEXT-DECORATION: none
}
A {
COLOR: black; FONT-SIZE:8pt; MARGIN: 5px; TEXT-DECORATION: none
}
UL {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
LI {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
P {
COLOR: black; FONT-SIZE: 10pt; MARGIN: 5px; TEXT-DECORATION: none
}
.over {
COLOR: #708090
}
P {
TEXT-ALIGN: justify; TEXT-INDENT: 0.1in
}
</STYLE>
<SCRIPT language=JavaScript>
var curPop = null;
function clearCurrent() {
// Hide the pop-up menu that is currently displayed.
if (null != curPop)
curPop.style.display = "";
curPop = null;
}
function popup() {
clearCurrent();
var el = event.srcElement;
// Display a new menu option.
if (("P" == el.tagName) &&
("menu" == el.parentElement.parentElement.parentElement.parentElement.id)) {
// Position and display the pop-up menu.
var elpop = document.all[el.sourceIndex + 1];
elpop.style.pixelLeft = el.parentElement.offsetLeft+7;
elpop.style.pixelTop = el.offsetTop +
document.all.menu.offsetTop+22;
elpop.style.display = "block";
curPop = elpop;
}
event.cancelBubble = true;
}
function highlight() {
// Highlight and popup the menu options.
if (null != event.fromElement)
if ((event.fromElement.tagName == "P") &&
(event.fromElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
event.fromElement.className = "";
}
if (null != event.toElement)
if ((event.toElement.tagName == "P") && (event.toElement.parentElement.parentElement.parentElement.parentElement.id == "menu"))
{
popup();
event.toElement.className = "over";
}
}
</SCRIPT>
</HEAD>
<BODY onclick=clearCurrent()>
<DIV style="BACKGROUND: #ffffff; WIDHT: 100%">
<TABLE border=0 id=menu onclick=popup() onmouseout=highlight();
onmouseover=highlight();>
<TBODY>
<TR>
<TD>
<P>누구누구 Home</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http:/...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Main</A>
</div>
<TD bgColor=#ffffff></TD>
<TD>
<P>Profile</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=no,width=900,height=600,left=70,top=40')" onfocus="this.blur()">me?</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Gallery</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=850,height=600,left=100,top=40')" onfocus="this.blur()">My Gal</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">적당한 메뉴를 넣으셈.^^</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Download</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">이곳에 메뉴를..</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Music (download)</P>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Pops.</A>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">gayo</A>
<P><A href="#" onClick="/*window.open*/('http://..','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Movie Theme.</A>
</div>
<TD bgColor=#ffffff></TD>
<TD>
<P>Site</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://...','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=40')" onfocus="this.blur()">Cool Site</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>Free Board</p>
<DIV class=popup>
<P><A href="#" onClick="/*window.open*/('http://board1.hanmir.com/blue/Board.cgi?path=db249&db=1004patti&act=reflash','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=100,top=100')" onfocus="this.blur()">Free Board (old)</A>
<P><A href="#" onClick="/*window.open*/('http://www.ifuni.com/board/funiboard.php?db=patti','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=480,left=100,top=100')" onfocus="this.blur()">Free Board (new)</A>
<P><A href="#" onClick="/*window.open*/('http://board2.hanmir.com/blue/Board.cgi?path=db4&db=rubyjh','_blank','toolbar=no,directories=no,resizable=yes,scrollbars=yes,width=800,height=600,left=150,top=40')" onfocus="this.blur()">Guest Book</A>
</P></DIV></TD>
<TD bgColor=#ffffff></TD>
<TD>
<P>E-Mail</p>
<DIV class=popup>
<script>
function Fmail(pPage,Opt) { popUpWin = /*window.open*/(pPage,'',Opt); }
</script>
<P><a href="javascript:Fmail('http://blueboard.co.kr/mail/mail.cgi?cmd=input&skin=child
&to_name=수신자이름&to_mail=수신자메일주소&subject=안녕하세요^^*', 'top=200,left=330,width=250,height=378')" onfocus="this.blur()">Mail</A>
</P></DIV></TD></TR></TBODY></HTML>
</table>
제목 | 글쓴이 | 날짜 |
---|---|---|
context menu - 마리홈 이름 팝업 레이어 [3] | 예뜨락 | 2006.10.30 |
셀렉트 박스를 이용한 콘트롤 만들기 ( 아래로 이동 ) | 예뜨락 | 2006.10.30 |
셀렉트 박스를 이용한 콘트롤 만들기 ( 위로 이동 ) [1] | 예뜨락 | 2006.10.30 |
고글검색하기!! [7] | 김민환 | 2006.10.30 |
앗!! 내별!! 내별날라가네 [3] | 김민환 | 2006.10.14 |
홈페이지의 필수!! 뮤직 플레이어!! [3] | 김민환 | 2006.10.14 |
졸리시면 이것을 한번 써보세요.......(큰창 필수!!)지진이다 [2] | 김민환 | 2006.10.14 |
앗 불꽃놀이다 구경가자 [3] | 김민환 | 2006.10.14 |
즐겨찾기 추가방법 [2] | 김민환 | 2006.10.10 |
당신은~째 방문자 이십니다.<카운터> [11] | 김민환 | 2006.10.10 |
위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스 [1] | 김민환 | 2006.10.10 |
일반 시간...... [1] | 김민환 | 2006.10.10 |
{로그인}관리자 로그인 폼 간단함 [2] | 김민환 | 2006.10.10 |
배경 음악 연주기(다기능/스틱형) [1] | 이민주 | 2006.10.09 |
로또 번호 생성기 허접..ㅋㅋ [5] | 삐따기 | 2006.10.04 |
텍스트 선택하기 | 행복한고니 | 2006.09.06 |
로또 번호 추출기 [3] | 왜,그러지 | 2006.07.27 |
배경색을 마우스로 크릭하여 지정하여 준다. | 왜,그러지 | 2006.07.27 |
자바스크립트로 만든 테트리스 일명 자트리스 ^^;; [12] | beMax | 2006.07.27 |
날라서 붙는 텍스트 [1] | 왜,그러지 | 2006.07.17 |
테스트 페이지 :
http://zkvpz.web-bi.net/제목없음10.html