Deathknight
Active Member
HIỆU ỨNG JAVA SCRIPT LÀM HÌNH ẢNH MỜ ẢO
<html>
<head>
<script>
function startEQ()
{
richter=5
parent.moveBy(0,richter)
parent.moveBy(0,-richter)
parent.moveBy(richter,0)
parent.moveBy(-richter,0)
timer=setTimeout("startEQ()",10)
}
function stopEQ()
{
clearTimeout(timer)
}
</script>
</head>
<body>
<form>
<input type="button" onclick="startEQ()" value="Xuat cuoc">
<br /><br />
<input type="button" onclick="stopEQ()" value="Thau cuoc">
</form>
</body>
</html>
Khi chạy, màn hình chỉ xuất hiện hai nút rất đơn giản: Xuất cước và thâu cước, nếu có gan bạn nhấn thử xem! Nhưng nhớ chạy xa vài mét kẻo không máy bị “mát” phát cước tùm lum trúng phải thì khổ.
HÌNH ẢNH MỜ ẢO
Chắc bạn đã từng nghe hai câu thơ của thi nhân họ Hàn:
“Ở đây sương khói mờ nhân ảnh
Ai biết tình ai có đậm đà”
Nhưng đối với tôi thì không cần sương cũng chẳng cần có khói gì ráo, chỉ cần một chiêu Java Script thôi là nàng của tôi cũng sẽ mờ mờ ảo ảo. Không tin, bạn hãy chịu khó nhập khoảng hơn 100 dòng lệnh sau đây:
<HTML>
<HEAD>
<TITLE>Chieu </TITLE>
<script LANGUAGE = "JavaScript">
var strengthIndex = 1;
var blurDirection = 0;
var upDown = 0;
var timer;
function reBlur()
{
blurImage.filters( "blur" ).direction =
document.forms( "myForm" ).Direction.value;
blurImage.filters( "blur" ).strength =
document.forms( "myForm" ).Strength.value;
blurImage.filters( "blur" ).add =
document.forms( "myForm" ).Add.checked;
}
function startDemo()
{
timer = window.setInterval( "runDemo()", 5 );
}
function runDemo( )
{
document.forms( "myForm" ).Strength.value = strengthIndex;
document.forms( "myForm" ).Direction.value =
( blurDirection % 360 );
if( strengthIndex == 35 || strengthIndex == 0 )
upDown =!upDown;
blurImage.filters( "blur" ).strength =
( upDown? strengthIndex++: strengthIndex-- );
if ( strengthIndex == 0 )
blurImage.filters( "blur" ).direction =
( ( blurDirection += 45 ) % 360 );
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME = "myForm">
<TABLE BORDER = "1" STYLE = "background-color: #CCFFCC">
<CAPTION>O DAY SUONG KHOI MO NHAN ANH!</CAPTION>
<TR>
<TD>Kieu mo:</TD>
<TD><SELECT NAME = "Direction">
<OPTION VALUE = "0">above
<OPTION VALUE = "45">above-right
<OPTION VALUE = "90">right
<OPTION VALUE = "135">below-right
<OPTION VALUE = "180">below
<OPTION VALUE = "225">below-left
<OPTION VALUE = "270">left
<OPTION VALUE = "315">above-left
</SELECT></TD>
</TR>
<TR>
<TD>Do mo:</TD>
<TD><INPUT NAME = "Strength" SIZE = "3" MAXLENGTH = "3"
VALUE = "0"></TD>
</TR>
<TR>
<TD>Ban giu lai anh goc?</TD>
<TD><INPUT TYPE = "checkbox" NAME = "Giu lai"></TD>
</TR>
<TR>
<TD ALIGN = "center" COLSPAN = "2"><INPUT TYPE = "button"
VALUE = "Thu chieu" ONCLICK = "reBlur();"></TD>
</TR>
<TR>
<TD COLSPAN = "2">
<INPUT TYPE = "button" VALUE = "Xuat Chieu"
ONCLICK = "startDemo();">
<INPUT TYPE = "button" VALUE = "Thau chieu"
ONCLICK = "window.clearInterval( timer );"></TD>
</TR>
</TABLE>
</FORM>
<DIV ID = "blurImage" STYLE = "position: absolute; top: 0; left: 300; padding: 0; filter:
blur( add = 0, direction = 0, strength = 0 ) background-color: white;">
<IMG ALIGN = "center" SRC = "sharp.jpg">
</DIV>
</BODY>
</HTML>
<html>
<head>
<script>
function startEQ()
{
richter=5
parent.moveBy(0,richter)
parent.moveBy(0,-richter)
parent.moveBy(richter,0)
parent.moveBy(-richter,0)
timer=setTimeout("startEQ()",10)
}
function stopEQ()
{
clearTimeout(timer)
}
</script>
</head>
<body>
<form>
<input type="button" onclick="startEQ()" value="Xuat cuoc">
<br /><br />
<input type="button" onclick="stopEQ()" value="Thau cuoc">
</form>
</body>
</html>
Khi chạy, màn hình chỉ xuất hiện hai nút rất đơn giản: Xuất cước và thâu cước, nếu có gan bạn nhấn thử xem! Nhưng nhớ chạy xa vài mét kẻo không máy bị “mát” phát cước tùm lum trúng phải thì khổ.
HÌNH ẢNH MỜ ẢO
Chắc bạn đã từng nghe hai câu thơ của thi nhân họ Hàn:
“Ở đây sương khói mờ nhân ảnh
Ai biết tình ai có đậm đà”
Nhưng đối với tôi thì không cần sương cũng chẳng cần có khói gì ráo, chỉ cần một chiêu Java Script thôi là nàng của tôi cũng sẽ mờ mờ ảo ảo. Không tin, bạn hãy chịu khó nhập khoảng hơn 100 dòng lệnh sau đây:
<HTML>
<HEAD>
<TITLE>Chieu </TITLE>
<script LANGUAGE = "JavaScript">
var strengthIndex = 1;
var blurDirection = 0;
var upDown = 0;
var timer;
function reBlur()
{
blurImage.filters( "blur" ).direction =
document.forms( "myForm" ).Direction.value;
blurImage.filters( "blur" ).strength =
document.forms( "myForm" ).Strength.value;
blurImage.filters( "blur" ).add =
document.forms( "myForm" ).Add.checked;
}
function startDemo()
{
timer = window.setInterval( "runDemo()", 5 );
}
function runDemo( )
{
document.forms( "myForm" ).Strength.value = strengthIndex;
document.forms( "myForm" ).Direction.value =
( blurDirection % 360 );
if( strengthIndex == 35 || strengthIndex == 0 )
upDown =!upDown;
blurImage.filters( "blur" ).strength =
( upDown? strengthIndex++: strengthIndex-- );
if ( strengthIndex == 0 )
blurImage.filters( "blur" ).direction =
( ( blurDirection += 45 ) % 360 );
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME = "myForm">
<TABLE BORDER = "1" STYLE = "background-color: #CCFFCC">
<CAPTION>O DAY SUONG KHOI MO NHAN ANH!</CAPTION>
<TR>
<TD>Kieu mo:</TD>
<TD><SELECT NAME = "Direction">
<OPTION VALUE = "0">above
<OPTION VALUE = "45">above-right
<OPTION VALUE = "90">right
<OPTION VALUE = "135">below-right
<OPTION VALUE = "180">below
<OPTION VALUE = "225">below-left
<OPTION VALUE = "270">left
<OPTION VALUE = "315">above-left
</SELECT></TD>
</TR>
<TR>
<TD>Do mo:</TD>
<TD><INPUT NAME = "Strength" SIZE = "3" MAXLENGTH = "3"
VALUE = "0"></TD>
</TR>
<TR>
<TD>Ban giu lai anh goc?</TD>
<TD><INPUT TYPE = "checkbox" NAME = "Giu lai"></TD>
</TR>
<TR>
<TD ALIGN = "center" COLSPAN = "2"><INPUT TYPE = "button"
VALUE = "Thu chieu" ONCLICK = "reBlur();"></TD>
</TR>
<TR>
<TD COLSPAN = "2">
<INPUT TYPE = "button" VALUE = "Xuat Chieu"
ONCLICK = "startDemo();">
<INPUT TYPE = "button" VALUE = "Thau chieu"
ONCLICK = "window.clearInterval( timer );"></TD>
</TR>
</TABLE>
</FORM>
<DIV ID = "blurImage" STYLE = "position: absolute; top: 0; left: 300; padding: 0; filter:
blur( add = 0, direction = 0, strength = 0 ) background-color: white;">
<IMG ALIGN = "center" SRC = "sharp.jpg">
</DIV>
</BODY>
</HTML>