Pixelate 메뉴
<style type="text/css">
.item{font-family:lucida console;font-size:9pt;FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50);FONT: 9pt/1.3 verdana; WIDTH:100px; COLOR: black; HEIGHT: 12px; BACKGROUND-COLOR:#424242;text-align:center;color:white;cursor:hand;"}
</style>
<script>
//////////////////////////////////////////////////////////////////////////
// http://my.dreamwiz.com/jsreference
//
//////////////////////////////////////////////////////////////////////////
var textArr=new Array("자바스크립트","다이나믹html","게시판","자료실");
var originArr=new Array("Javascript","DHTML","Board","DataBank");
function doTrans() {
var eSrc=event.srcElement
var idx=eSrc.cellIndex;
eSrc.filters[0].apply();
eSrc.innerText=textArr[idx];
eSrc.style.background="#E71018";
eSrc.filters[0].play();
}
function rollback(){
var eSrc=event.srcElement;
var idx=eSrc.cellIndex;
eSrc.innerText=originArr[idx];
eSrc.style.background="#424242";
}
function fltInit(){
for(i=0;i<4;i++){
eval("mnu" + i + ".filters[0].apply()");
eval("mnu" + i + ".filters[0].play()");
}
}
</script>
</HEAD>
<BODY onload="fltInit()">
<table width=400 cellspacing=0>
<tr>
<td width=100 id="mnu0" class="item" onmouseover="doTrans()" onmouseout="rollback()">JavScript</td>
<td width=100 id="mnu1" class="item" onmouseover="doTrans()" onmouseout="rollback()">DHTML</td>
<td width=100 id="mnu2" class="item" onmouseover="doTrans()" onmouseout="rollback()">Board</td>
<td width=100 id="mnu3" class="item" onmouseover="doTrans()" onmouseout="rollback()">DataBank</td>
</tr>
</table>
.item{font-family:lucida console;font-size:9pt;FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50);FONT: 9pt/1.3 verdana; WIDTH:100px; COLOR: black; HEIGHT: 12px; BACKGROUND-COLOR:#424242;text-align:center;color:white;cursor:hand;"}
</style>
<script>
//////////////////////////////////////////////////////////////////////////
// http://my.dreamwiz.com/jsreference
//
//////////////////////////////////////////////////////////////////////////
var textArr=new Array("자바스크립트","다이나믹html","게시판","자료실");
var originArr=new Array("Javascript","DHTML","Board","DataBank");
function doTrans() {
var eSrc=event.srcElement
var idx=eSrc.cellIndex;
eSrc.filters[0].apply();
eSrc.innerText=textArr[idx];
eSrc.style.background="#E71018";
eSrc.filters[0].play();
}
function rollback(){
var eSrc=event.srcElement;
var idx=eSrc.cellIndex;
eSrc.innerText=originArr[idx];
eSrc.style.background="#424242";
}
function fltInit(){
for(i=0;i<4;i++){
eval("mnu" + i + ".filters[0].apply()");
eval("mnu" + i + ".filters[0].play()");
}
}
</script>
</HEAD>
<BODY onload="fltInit()">
<table width=400 cellspacing=0>
<tr>
<td width=100 id="mnu0" class="item" onmouseover="doTrans()" onmouseout="rollback()">JavScript</td>
<td width=100 id="mnu1" class="item" onmouseover="doTrans()" onmouseout="rollback()">DHTML</td>
<td width=100 id="mnu2" class="item" onmouseover="doTrans()" onmouseout="rollback()">Board</td>
<td width=100 id="mnu3" class="item" onmouseover="doTrans()" onmouseout="rollback()">DataBank</td>
</tr>
</table>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개