웹마스터 팁

  2. Support
  3. 웹마스터 팁

셀렉트박스 트리메뉴인데 참 이뻐요(링크타켓 - new/blank)

2006.09.19 14:15

뽀因㉦ㅓо Ø Γ

ff.JPG
http://sunga.ivyro.net/test/tag.html이번에는 링크 타켓 설정이 새로운 창으로 열리는 new 혹은 blank 소스입니다.
아주 긴 스크립터 소스는 아래 예제소스와 같이 문서 해드안에 넣어주시고
나머지 메뉴소스는 바디안에 넣어 주시고 링크 수정해서 사용하시면 됩니다.

태그연습장소스 주소입니다. 아래클릭해서 소스 몽창 복사해서 일단 미리보기 실행 해보세요~

태그연습장 주소 :  http://sunga.ivyro.net/test/tag.html

소스 잘만 수정하면 마우스 오브시에 테두리 색상변경과 메뉴고를때 비지색상과
백그라운드 색상 모두 수정 가능합니다. ^^*

잘만 활용하면 메뉴로도 활용이 가능합니다.

아래 올린 것은 하나짜리고 이번에는 제가 응용해서 가로 메뉴로 변신 시켜봤습니다.
스샷 이미지 올린거 그대로 입니다. - 테두리색상을 제가 흰색으로 설정했는데
본인들이 메뉴는 알아서 수정해서 사용 하시기 바랍니다.



================== 소스 시작 ===========요 아래부터 끝까지 복사하세요 ============

<html>
<head>
<title>연습할 제목</title>
<html>
<head>
<title>연습할 제목</title>
<script>
var SS_ENV = new Object();
SS_ENV.IE_Version = new Number(((window.navigator.appVersion.split('; '))[1].split(' '))[1]);
SS_ENV.CR = new Object();
SS_ENV.CR.ReverseBackground = '#000000'; //목록 마우스 오버 색상
SS_ENV.CR.ReverseText = 'white'; //목록선택시 텍스트 색상
SS_ENV.CR.Border = 'white'; //셀렉트 메뉴 테두리 색상
SS_ENV.CR.BorderActive = '#FF0000'; //셀렉트 메뉴에 마우스 오버 색상
SS_ENV.ImgPrefix = 'http://www.blueb.co.kr/SRC/javascript/image1/'; //이미지 경로
SS_ENV.DefaultHeight = 18; //셀렉트 메뉴 높이
SS_ENV.ButtonWidth = 30; //버튼 가로크기
SS_ENV.OptionsDivStyle = ''
+ ' display:none;'
+ ' z-index:10;'
+ ' position:absolute;'
+ ' border:1 solid '+ SS_ENV.CR.Border+';'
+ ' background-color:white;'
+ ' scrollbar-face-color:#D4D0C8;'
+ ' scrollbar-shadow-color:white;'
+ ' scrollbar-highlight-color:#F6F5F4;'
+ ' scrollbar-3dlight-color:white'
+ '+ ' scrollbar-darkshadow-color:#86837E;'
+ ' scrollbar-track-color:#F6F5F4;'
+ ' scrollbar-arrow-color:#EBEBEB;';
SS_ENV.OptionNobrStyle = ''
+ ' font-size:8.6pt;'
+ ' font-family:굴림;';

var SS_VAR = new Object();
SS_VAR.DivDummy = document.createElement("DIV");
SS_VAR.SelectList = new Array();
SS_VAR.bEventAttached = false;

var SS_CreatedElements = new Object();

function unloadObjects() {
try {
if (SS_VAR && SS_VAR.SelectList) {
for (key in SS_VAR.SelectList) {
if (SS_VAR.SelectList[key]) {
try {
SS_VAR.SelectList[key].select.setAttribute('SS', 0);
} catch (e) {};
delete SS_VAR.SelectList[key];
}
}
}
} catch (e) {};
}

attachEvent("onunload", unloadObjects);

function SS_create (srcHTML, ListMax, bAutoDetect) {
this.ssID = SS_VAR.SelectList.length;
this.bOriginalSelect = (bAutoDetect && SS_ENV.IE_Version < 5.5);
this.select = SS_createElement(srcHTML);
this.selectedIndex = this.select.selectedIndex;
this.options = this.select.options;
this.width = parseInt(this.select.style.width);
this.height = (this.select.style.height) ? parseInt(this.select.style.height) : SS_ENV.DefaultHeight;
this.OptionHeight = this.height - 4;
this.bListDown = (ListMax && '-'==ListMax.toString().substr(0, 1)) ? false : true;
this.ListMax = (!isNaN(parseInt(ListMax))) ? Math.abs(ListMax) : 100;

this.Table;
this.TitleDiv;
this.TitleTable;
this.TitleWrapper;
this.OptionsDiv;
this.OptionsWrapper;
this.OptionsTable;
this.bFocused = false;
this.bExpanded = false;
this.bReverse = false;

// private method
this.isThisEventToBeCanceled = SS_isThisEventToBeCanceled;
this.toggleTitle = SS_toggleTitle;
this.syncSelectedIndex = SS_syncSelectedIndex;
this.toggleOptions = SS_toggleOptions;
this.turnOnOption = SS_turnOnOption;
this.turnOffOption = SS_turnOffOption;
this.handleMousewheel = SS_handleMousewheel;
this.handleOverTitle = SS_handleOverTitle;
this.handleOutTitle = SS_handleOutTitle;
this.handleOverOption = SS_handleOverOption;
this.createTable = SS_createTable;
this.createTitleDiv = SS_createTitleDiv;
this.createOptionsDiv = SS_createOptionsDiv;
this.createOptionTr = SS_createOptionTr;
this.adjustOptionsDiv = SS_adjustOptionsDiv;
this.syncOptions = SS_syncOptions;
this.pressOption = SS_pressOption;
this.moveOption = SS_moveOption;
this.releaseOption = SS_releaseOption;
this.pressTitle = SS_pressTitle;
this.releaseTitle = SS_releaseTitle;

// public method
this.display = SS_display;
this.insertOption = SS_insertOption;
this.deleteOption = SS_deleteOption;
this.changeOption = SS_changeOption;

// initiate
this.createTable();
this.select.setAttribute('SS', this);
if (!this.bOriginalSelect)
this.select.onpropertychange = SS_handlePropertychange;
SS_VAR.SelectList[this.ssID] = this;
}

function SS_display() {
document.write("<div id=SS_TempDiv></div>n");
document.all.SS_TempDiv.appendChild(this.Table);
document.all.SS_TempDiv.removeNode();
}

function SS_write (srcHTML, ListMax, bAutoDetect) {
var oSS = new SS_create(srcHTML, ListMax, bAutoDetect);
oSS.display();
return oSS;
}

function SS_insertOption (value, innerText, idx) {
var NewOption = document.createElement("OPTION");
SS_CreatedElements[SS_CreatedElements.length] = NewOption;
this.options.add(NewOption, idx);
NewOption.innerText = innerText;
NewOption.value = value;

if (!this.bOriginalSelect) this.createOptionTr(idx);
this.syncOptions();
this.adjustOptionsDiv();
this.syncSelectedIndex();
}

function SS_deleteOption (idx){
this.options.remove(idx);
if (!this.bOriginalSelect) this.OptionsTable.deleteRow(idx);
this.syncOptions();
this.adjustOptionsDiv();
this.syncSelectedIndex();
}

function SS_changeOption (idx, value, innerText) {
this.options[idx].value = value;
this.options[idx].innerText = innerText;
this.syncOptions();
this.syncSelectedIndex();
}

function SS_cancelEvent (event) {
event.cancelBubble = true;
event.returnValue = false;
}

function SS_isThisEventToBeCanceled (event) {
if ('object' == typeof(event)) {
switch(event.type) {
case 'mousedown':
if (!(event.button & 1)) return true;
break;

case 'mouseup':
if (!(event.button & 1)) return true;
if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null) {
this.srcElementOfLastMousedown = null;
return true;
}
break;

case 'mouseout':
if (!(SS_ENV.IE_Version < 5.5 && event.srcElement == this.srcElementOfLastMousedown))
return true;
break;

case 'mousemove':
if (SS_ENV.IE_Version >= 5.5 && event.srcElement != this.srcElementOfLastMousedown && this.srcElementOfLastMousedown != null)
return true;
break;
}
}
return false;
}

function SS_createElement(html) {
SS_VAR.DivDummy.insertAdjacentHTML('afterBegin', html);
var oEl = SS_VAR.DivDummy.children(0);
while (SS_VAR.DivDummy.children.length > 0) {
SS_VAR.DivDummy.removeChild(SS_VAR.DivDummy.children(0));
}
return oEl;
}

function SS_blurExcept(except) {
SS_cancelEvent(window.event);
except = ('number'==typeof(except)) ? except : -1;
var bHasToDetachEvent = true;

for (var i=0; i < SS_VAR.SelectList.length; i++) {
if (-1==except && SS_VAR.SelectList[i].bFocused && SS_VAR.SelectList[i].bExpanded) {
SS_VAR.SelectList[i].toggleOptions(false, true);
SS_VAR.SelectList[i].toggleTitle(true);
bHasToDetachEvent = false;
}
else if (i!=except) {
if (SS_VAR.SelectList[i].bExpanded)
SS_VAR.SelectList[i].toggleOptions(false, true);

if (SS_VAR.SelectList[i].bReverse)
SS_VAR.SelectList[i].toggleTitle(false);
SS_VAR.SelectList[i].bFocused = false;
}
}

if (SS_VAR.bEventAttached && bHasToDetachEvent) {
document.detachEvent('onmousedown', SS_blurExcept);
document.detachEvent('ondblclick', SS_blurExcept);
SS_VAR.bEventAttached = false;
}
}

function SS_syncSelectedIndex() {
this.selectedIndex = this.select.selectedIndex;

if (this.bOriginalSelect) return;

if (this.TitleTable.cells(0).childNodes(0).innerText != this.options[this.selectedIndex].innerText)
this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
if (this.bExpanded)
this.toggleOptions(false);
}

function SS_toggleTitle(bReverse){
this.bReverse = ('undefined'!=typeof(bReverse)) ? bReverse: (!this.bReverse);
this.TitleTable.cells(0).style.backgroundColor = this.bReverse ? SS_ENV.CR.ReverseBackground : '';
this.TitleTable.cells(0).style.color = this.bReverse ? SS_ENV.CR.ReverseText : '';
}

function SS_toggleOptions (bExpanded, bStrict) {
if (!bStrict && !this.bFocused) {
SS_blurExcept(this.ssID);
}
this.bExpanded = ('undefined'!=typeof(bExpanded)) ? bExpanded: (!this.bExpanded);

if (this.bExpanded) {
this.adjustOptionsDiv();
this.OptionsDiv.style.display = 'block';
if (!bStrict) {
this.toggleTitle(false);
this.handleOverOption(this.selectedIndex);
}
this.handleOutTitle();
}
else {
this.OptionsDiv.style.display = 'none';
if (!bStrict) {
this.toggleTitle(true);
}
}
if (!bStrict) {
this.bFocused = true;

if (!SS_VAR.bEventAttached) {
document.attachEvent('onmousedown', SS_blurExcept);
document.attachEvent('ondblclick', SS_blurExcept);
SS_VAR.bEventAttached = true;
}
}
}

function SS_handlePropertychange ()
{
if ('propertychange'==window.event.type && 'selectedIndex'==window.event.propertyName) {
var oSS = window.event.srcElement.SS;
oSS.syncSelectedIndex();

if (null != oSS.select.onchange)
oSS.select.onchange();
}
}

function SS_handleMousewheel (event) {
var idx = this.selectedIndex;
if ('mousewheel'==event.type && this.bFocused && this.bReverse) {
for (var i=0; i < event.wheelDelta; i += 120) idx--;
for (var i=0; i > event.wheelDelta; i -= 120) idx++;
}
idx = Math.max(idx, 0);
idx = Math.min(idx, this.options.length - 1);
this.select.selectedIndex = idx;
}

function SS_handleOverTitle() {
if (this.bExpanded) return;

this.TitleTable.style.borderColor = SS_ENV.CR.BorderActive;
this.TitleTable.cells(1).style.display = 'none';
this.TitleTable.cells(2).style.display = 'block';
}

function SS_handleOutTitle() {
this.TitleTable.style.borderColor = SS_ENV.CR.Border;
this.TitleTable.cells(2).style.display = 'none';
this.TitleTable.cells(1).style.display = 'block';
}

function SS_handleOverOption(idx) {
for (var i=0; i < this.options.length; i++) {
if (i==idx) this.turnOnOption(i);
else this.turnOffOption(i);
}
}

function SS_turnOnOption(idx) {
this.OptionsTable.cells(idx).style.color = SS_ENV.CR.ReverseText;
this.OptionsTable.cells(idx).style.backgroundColor = SS_ENV.CR.ReverseBackground;
}

function SS_turnOffOption(idx) {
this.OptionsTable.cells(idx).style.color = '#868686';
this.OptionsTable.cells(idx).style.backgroundColor = '#F3F3F3';
}

function SS_adjustOptionsDiv() {
if (this.bOriginalSelect) return;

this.OptionsDiv.style.width = this.width;
this.OptionsDiv.style.height = Math.min(this.options.length, this.ListMax) * this.OptionHeight + 2;
this.OptionsWrapper.style.height = this.options.length * this.OptionHeight;
this.OptionsDiv.style.overflowY = (this.options.length > this.ListMax) ? 'scroll' : '';

var top = this.Table.offsetTop;
var left = this.Table.offsetLeft;

for (var El = this.Table.offsetParent; 'BODY'!=El.tagName && 'absolute'!=El.style.position && 'relative'!=El.style.position; El = El.offsetParent) {
if ('TABLE' != El.tagName) {
top += El.clientTop;
left += El.clientLeft;
}
top += El.offsetTop;
left += El.offsetLeft;
}
this.OptionsDiv.style.top = (this.bListDown) ? (top + this.height) : (top - parseInt(this.OptionsDiv.style.height));
this.OptionsDiv.style.left = left;

this.TitleWrapper.style.top = 0;
this.TitleWrapper.style.left = 0;
}

function SS_syncOptions(){
if (this.bOriginalSelect) return;

for (var i=0; i < this.options.length; i++) {
this.OptionsTable.cells(i).setAttribute('index', i);
if (this.OptionsTable.cells(i).childNodes(0).innerText != this.options[i].innerText)
this.OptionsTable.cells(i).childNodes(0).innerText = this.options[i].innerText;
}
}

function SS_pressTitle(event){
SS_cancelEvent(event);
this.srcElementOfLastMousedown = event.srcElement;
this.toggleOptions();
}

function SS_releaseTitle(event) {
SS_cancelEvent(event);
if (this.isThisEventToBeCanceled(event)) return;
this.srcElementOfLastMousedown = null;
}

function SS_pressOption(event) {
SS_cancelEvent(event);
this.srcElementOfLastMousedown = event.srcElement;
}

function SS_moveOption(event) {
SS_cancelEvent(event);
if (this.isThisEventToBeCanceled(event)) return;
if (!(event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth)) return;

this.handleOverOption(Math.floor(event.offsetY / this.OptionHeight));
}

function SS_releaseOption(event){
SS_cancelEvent(event);

if (this.isThisEventToBeCanceled(event)) return;

this.srcElementOfLastMousedown = null;

if (event.offsetX >= 0 && event.offsetX <= this.OptionsTable.offsetWidth) {
this.toggleOptions(false);
this.select.selectedIndex = Math.floor(event.offsetY / this.OptionHeight);
}
}

function SS_createTable() {
this.Table = SS_createElement(""
+ "<table border=0 cellpadding=0 cellspacing=0 style='table-layout:fixed; cursor:default'>"
+ "<tr><td></td></tr>"
+ "</table>"
);

if (!isNaN(this.width)) this.Table.style.width = this.width;
this.Table.style.height = this.height;

if (!this.bOriginalSelect) {
this.createTitleDiv();
this.createOptionsDiv();
this.Table.cells(0).appendChild(this.TitleDiv);
this.Table.cells(0).appendChild(this.OptionsDiv);
}
else {
this.Table.cells(0).appendChild(this.select);
}
}

function SS_createTitleDiv() {
this.TitleDiv = SS_createElement(""
+ "<div style='position:relative; top:0; left:0;'>"
+ " <table border=0 cellpadding=0 cellspacing=1"
+ " height="+this.height
+ " bgcolor=#ffffff"
+ " style='table-layout:fixed; border:1 solid "+SS_ENV.CR.Border+";'"
+ " onmouseover='SS_VAR.SelectList["+this.ssID+"].adjustOptionsDiv()'"
+ " >"
+ " <tr>"
+ " <td><nobr style='text-oveflow:hidden;"+SS_ENV.OptionNobrStyle+"'></nobr></td>"
+ " <td width="+SS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
+ " <td style='display:none' width="+SS_ENV.ButtonWidth+" align=center style='word-wrap:normal'></td>"
+ " <td style='display:none'></td>"
+ " </tr>"
+ " </table>"
+ "</div>"
);
this.TitleTable = this.TitleDiv.childNodes(0);
this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText;
this.TitleTable.cells(1).innerHTML = "<img src='"+SS_ENV.ImgPrefix+"/down.gif'  border=0  align=absmiddle>";
this.TitleTable.cells(2).innerHTML = "<img src='"+SS_ENV.ImgPrefix+"/down_s.gif'  border=0  align=absmiddle>";
this.TitleTable.cells(3).appendChild(this.select);
this.TitleWrapper = document.createElement(""
+ "<img src='"+SS_ENV.ImgPrefix+"/blank.gif'"
+ " style='position:absolute; top:0; left:0; z-index:2; width:100%; height:"+this.height+";'"
+ " onmouseover='SS_VAR.SelectList["+this.ssID+"].handleOverTitle()'"
+ " onmouseout='SS_VAR.SelectList["+this.ssID+"].handleOutTitle(); SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
+ " onmousedown='SS_VAR.SelectList["+this.ssID+"].pressTitle(window.event)'"
+ " ondblclick='SS_VAR.SelectList["+this.ssID+"].pressTitle(window.event); SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event);'"
+ " onmouseup='SS_VAR.SelectList["+this.ssID+"].releaseTitle(window.event)'"
+ " onmousewheel='SS_VAR.SelectList["+this.ssID+"].handleMousewheel(window.event)'"
+ " ondragstart='SS_cancelEvent(window.event)'"
+ ">"
);
SS_CreatedElements[SS_CreatedElements.length] = this.TitleWrapper;
this.TitleDiv.appendChild(this.TitleWrapper);
}

function SS_createOptionsDiv() {
this.OptionsDiv = SS_createElement(""
+ "<div style='"+SS_ENV.OptionsDivStyle+"'"
+ " onscroll='SS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
+ " onmousedown='SS_cancelEvent(window.event)'"
+ ">"
+ " <table border=0 cellpadding=0 cellspacing=0 width=100% style='table-layout:fixed'>"
+ " </table>"
+ "</div>"
);
this.OptionsTable = this.OptionsDiv.childNodes(0);
for (var i=0; i < this.options.length; i++) {
this.createOptionTr(i);
}
this.syncOptions();
this.OptionsWrapper = document.createElement(""
+ "<img src='"+SS_ENV.ImgPrefix+"/blank.gif'"
+ " style='position:absolute; top:0; left:0; width:100%;'"
+ " onmousedown='SS_VAR.SelectList["+this.ssID+"].pressOption(window.event)'"
+ " onmousemove='SS_VAR.SelectList["+this.ssID+"].moveOption(window.event)'"
+ " onmouseup='SS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
+ " onmouseout='SS_VAR.SelectList["+this.ssID+"].releaseOption(window.event)'"
+ " ondragstart='SS_cancelEvent(window.event)'"
+ ">"
);
SS_CreatedElements[SS_CreatedElements.length] = this.OptionsWrapper;
this.OptionsDiv.appendChild(this.OptionsWrapper);
}

function SS_createOptionTr(idx) {
idx = ('undefined'!=typeof(idx)) ? idx : this.options.length - 1;
var OptionTr = this.OptionsTable.insertRow(-1);
var OptionTd = document.createElement("<td height="+this.OptionHeight+"></td>");
SS_CreatedElements[SS_CreatedElements.length] = this.OptionsTd;
OptionTd.appendChild(document.createElement("<nobr style='"+SS_ENV.OptionNobrStyle+"'></nobr>"));
OptionTr.appendChild(OptionTd);
}

function Menu_Change(Obj) {
var f=document.form1;
var _Obj=Obj.selectedIndex;

if(Obj.options[_Obj].value) window.open(Obj.options[_Obj].value,"");
else return false;
}

</script>
</head>
<body>
<TABLE WIDTH=710 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TD WIDTH=100 HEIGHT=22 BGCOLOR=#FFFFFF align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 88px'>n"
+"<option selected value=''>About Us</option>"
+"<option value='http://www.myswish.co.kr/'>성아의홈 소개</option>"
+"<option value='http://www.phpschool.com/index.php'>관리자 프로필</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>운영자 소개</option>"
+"<option value='http://msh38.netian.com/content.htm'>레벨(등급)공지</option>"
+"<option value='http://rosun1004.co.kr/'>포트폴리오</option>"
+"<option value='http://www.photomoa.co.kr/'>Photo</option>"
+"</select>");
</Script>

</TD>
<TD WIDTH=100 HEIGHT=22 BGCOLOR=#FFFFFF align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 100px'>n"
+"<option selected value=''>Study & Tip</option>"
+"<option value='http://www.myswish.co.kr/'>포토샵강좌모음</option>"
+"<option value='http://www.phpschool.com/index.php'>나모/드림위버</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>플래시</option>"
+"<option value='http://msh38.netian.com/content.htm'>스위시</option>"
+"<option value='http://rosun1004.co.kr/'>기타 웹강좌모음</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>HTML강좌</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>자바스크립터강좌</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>팁&테크닉</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>성아 포토샵강좌</option>"
+"</select>");
</Script>

</TD>

<TD WIDTH=105 HEIGHT=22 BGCOLOR=#fffff align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 105px'>n"
+"<option selected value=''>Web Desgin</option>"
+"<option value='http://www.myswish.co.kr/'>이미지 모음</option>"
+"<option value='http://www.phpschool.com/index.php'>템플릿 모음</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>멋진 사이트 캡춰</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>레이아웃 모음</option>"
+"<option value='http://www.myswish.co.kr/'>성아 레이아웃</option>"
+"<option value='http://www.phpschool.com/index.php'>고급 레이아웃</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>자바스크립터 소스</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>태그소스</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>추천 제로보드스킨</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>성아 제로보드스킨</option>"
+"</select>");
</Script>

</TD>
<TD WIDTH=100 HEIGHT=22 BGCOLOR=#FFFFFF align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 90px'>n"
+"<option selected value=''>Download</option>"
+"<option value='http://www.myswish.co.kr/'>성아의홈 소개</option>"
+"<option value='http://www.phpschool.com/index.php'>관리자 프로필</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>운영자 소개</option>"
+"<option value='http://msh38.netian.com/content.htm'>레벨(등급)공지</option>"
+"<option value='http://rosun1004.co.kr/'>포트폴리오</option>"
+"<option value='http://www.photomoa.co.kr/'>Photo</option>"
+"</select>");
</Script>

</TD>
<TD WIDTH=100 HEIGHT=22 BGCOLOR=#FFFFFF align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 95px'>n"
+"<option selected value=''>Community</option>"
+"<option value='http://www.myswish.co.kr/'>포토샵강좌모음</option>"
+"<option value='http://www.phpschool.com/index.php'>나모/드림위버</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>플래시</option>"
+"<option value='http://msh38.netian.com/content.htm'>스위시</option>"
+"<option value='http://rosun1004.co.kr/'>기타 웹강좌모음</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>HTML강좌</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>자바스크립터강좌</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>팁&테크닉</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'+ '>성아 포토샵강좌</option>"
+"</select>");
</Script>

</TD>

<TD WIDTH=100 HEIGHT=22 BGCOLOR=#fffff align="center">
<Script>
SS_write("<select name='selemail' onChange='Menu_Change(this)' STYLE='width : 100px'>n"
+"<option selected value=''>Good Link</option>"
+"<option value='http://www.myswish.co.kr/'+ '>이미지 모음</option>"
+"<option value='http://www.phpschool.com/index.php'>템플릿 모음</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>멋진 사이트 캡춰</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>레이아웃 모음</option>"
+"<option value='http://www.myswish.co.kr/'>성아 레이아웃</option>"
+"<option value='http://www.phpschool.com/index.php'>고급 레이아웃</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>자바스크립터 소스</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>태그소스</option>"
+"<option value='http://studyweb.infomaster.co.kr/'>추천 제로보드스킨</option>"
+"<option value='http://www.sourcenara.com/2004/index.php'>성아 제로보드스킨</option>"
+"</select>");
</Script>

</TD>



</body>
</html>




이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
세종오피 세종출장안마 ⦑오피사이트.NET⦒ 세종OP 세종오피 세종오피 koykoyah 2025.02.22
영등포오피 ⦑출장마사지안내.COM⦒ 영등포오피 영등포OP 영등포건마 영등포오피 koykoyah 2025.02.22
여의도오피 여의도오피 ⦑오피.CLUB⦒ 여의도OP 여의도스파 여의도오피 koykoyah 2025.02.22
강동오피 강동OP ⦑오피.CLUB⦒ 강동휴게텔 강동오피 강동오피 koykoyah 2025.02.22
전주오피 ⦑오피사이트.NET⦒ 전주마사지 전주오피 전주오피 전주OP koykoyah 2025.02.22
산본오피 ⦑오피.CLUB⦒ 산본마사지 산본오피 산본오피 산본OP koykoyah 2025.02.22
분당오피 ⦑오피.CLUB⦒ 분당마사지 분당오피 분당오피 분당OP koykoyah 2025.02.22
수원오피 ⦑출장안마사이트.COM⦒ 수원오피 수원출장마사지 수원오피 수원OP koykoyah 2025.02.22
목포오피 ⦑출장안마사이트.COM⦒ 목포오피 목포출장마사지 목포오피 목포OP koykoyah 2025.02.22
포항오피 ⦑오피.CLUB⦒ 포항OP 포항오피 포항출장샵 포항오피 koykoyah 2025.02.22
제주도오피 ⦑오피사이트.NET⦒ 제주도오피 제주도출장마사지 제주도오피 제주도OP koykoyah 2025.02.22
일산오피 일산오피 ⦑오피.CLUB⦒ 일산OP 일산스파 일산오피 koykoyah 2025.02.22
강남오피 강남OP ⦑오피.CLUB⦒ 강남휴게텔 강남오피 강남오피 koykoyah 2025.02.22
강서오피 강서오피 ⦑출장마사지안내.COM⦒ 강서OP 강서스파 강서오피 koykoyah 2025.02.22
세종오피 ⦑출장마사지안내.COM⦒ 세종오피 세종출장마사지 세종오피 세종OP koykoyah 2025.02.22
구미오피 ⦑출장마사지안내.COM⦒ 구미마사지 구미오피 구미오피 구미OP koykoyah 2025.02.22
신천오피 신천OP ⦑오피사이트.NET⦒ 신천휴게텔 신천오피 신천오피 koykoyah 2025.02.22
충주오피 충주오피 ⦑오피쓰.COM⦒ 충주OP 충주스파 충주오피 koykoyah 2025.02.22
분당오피 분당오피 ⦑오피.CLUB⦒ 분당OP 분당스파 분당오피 koykoyah 2025.02.22
일산오피 일산출장안마 ⦑오피쓰.COM⦒ 일산OP 일산오피 일산오피 koykoyah 2025.02.22
태그 쓰기