레이어/롤오버
[List][Prev][Next]
테이블에 마우스를 가져가면 페이드 효과나는 자스 [ Preview ]

페이드 효과가 납니다.

<SCRIPT language=JavaScript>
<!--
/////////////////////////////////////////////
// :*: Happyscript :*: //
// 소스 : http://www.happyscript.net //
// 편집 and 소스 설명 : Magic //
// E-mail : flyingmagic@hanmail.net //
/////////////////////////////////////////////

// 이 부분부터는 사용자가 마음대로 건드릴 수 없는 부분이다.
var tInC=null;
var tIdC=null;
var tIdCOn = new Array(0,0,0,0,0,0);
var tIdCOff = new Array(1,1,1,1,1,1);

function tBgFIn(obj, col,idNum) {
if(tInC != obj && tInC != null && tIdCOn[idNum] == 0) tBgFOut(tInC,tIdC);
if(tIdCOn[idNum] == 0) {
tIdCOn[idNum] = 1;
tIdCOff[idNum] = 0;
tInC=obj;
tIdC=idNum;
changeColor(obj, col);
}
}
function tBgFOut(obj,idNum) {
if(tIdCOff[idNum] == 0) {
tIdCOff[idNum] = 1;
tIdCOn[idNum] = 0;
changeColor(obj, "#ffffff"); // 마우스를 내렸을때 나타나는 색
}
}
function changeColor(obj, col) {
obj.filters.blendTrans.apply();
obj.style.backgroundColor= col;
obj.filters.blendTrans.play();
}
//-->
</SCRIPT>

<!-- 추가시에는 ID부분과 ( )안에 있는 숫자를 하나씩만 늘려주면 됨 //-->
<center>
<br>
<table border="1">
<tr>
<TD id=bgColorId1 onmouseover="tBgFIn(bgColorId1, '#93B380',1)" onMouseOut="tBgFOut(tInC,tIdC)" style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff" width="200" height="200">
<center><font size="7"><b>No.1<b></font></center>
</td>
<TD id=bgColorId2 onmouseover="tBgFIn(bgColorId2, '#aaffcc',2)" onMouseOut="tBgFOut(tInC,tIdC)" style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff" width="200" height="200">
<center><font size="7"><b>No.2<b></font></center>
</td>
</tr>
<tr>
<TD id=bgColorId3 onmouseover="tBgFIn(bgColorId3, '#dfdfff',3)" onMouseOut="tBgFOut(tInC,tIdC)" style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff" width="200" height="200">
<center><font size="7"><b>No.3<b></font></center>
</td>
<TD id=bgColorId4 onmouseover="tBgFIn(bgColorId4, '#bfbf00',4)" onMouseOut="tBgFOut(tInC,tIdC)" style="FILTER: blendTrans(duration=0.5); BACKGROUND-COLOR: #ffffff" width="200" height="200">
<center><font size="7"><b>No.4<b></font></center>
</td>
</tr>
</table>
<%//# DataBinder.Eval(Container.DataItem, "album_title") %>
<%//# DataBinder.Eval(Container.DataItem, "contenttype") + " views" %>
link list for hairwigbeautyshop.com ::
Javascript Source List :