Mọi người đều biết chúng ta có thể tìm thấy nhiều tài nguyên cho mục tiêu giải trí, nhiều niềm vui và hài hước trong môi trường Internet đầy năng động, chẳng hạn như chơi trò chơi trực tuyến, tải nhạc, phim ảnh, ... Trong riêng khía cạnh lập trình, rất nhiều người nghĩ rằng các ngôn ngữ lập trình (kể cả ứng dụng và nền web) chỉ là công cụ để làm việc, nhưng thực tế rất khác, bài viết này là một minh chứng điển hình cho vấn đề tiêu khiển, giải trí với các ngôn ngữ lập trình, cụ thể là JavaScript.
Vui lòng xem bài viết đầy đủ để biết 9 hiệu ứng JavaScript được tác giả cho là vui nhộn nhất thế giới hiện nay.
- Demo
- Phóng to
- Tải lại
- Cửa sổ mới
Tạo video bằng AI chỉ với giọng nói hoặc văn bản
Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung.
4. Joking Error Message Alert box
5. The text based Cheerleader Animation
<html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Web Site: http://www.crosswinds.net/~llizard -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("mac") != -1)
var a="\r";
else
var a="\n";
var max=0;
function tlist() {
max=tlist.arguments.length;
for (i=0; i
this[i]=tlist.arguments[i];
}
tl = new tlist(
" o"+a+
" /|\\"+a+
" */ \\* ejm97"+a,
" o_"+a+
" \<| *"+a+
" *\>\\ ejm97"+a,
" _o/*"+a+
" * |"+a+
" / \\ ejm97"+a,
" *\o_"+a+
" / *"+a+
" \<\\ ejm97"+a,
" _o/*"+a+
" * |"+a+
" / \\ ejm97"+a,
" *\\c/*"+a+
" )"+a+
" / \> ejm97"+a,
" *"+a+
" \\__/c"+a+
" \> \\* ejm97"+a,
" __/"+a+
" (o_*"+a+
" \\* ejm97"+a,
" \\ /"+a+
" |"+a+
" */o\\* ejm97"+a,
" \\_"+a+
" ("+a+
" */o\\* ejm97"+a,
" \<_"+a+
" __("+a+
" * o|* ejm97"+a,
" /_"+a+
" __("+a+
" * o|* ejm97"+a,
" ___"+a+
" *\/ \>"+a+
" o|* ejm97"+a,
" *"+a+
" o|_/"+a+
" */ \\ ejm97"+a,
" *"+a+
" _o|_"+a+
" * \>\\ ejm97"+a,
" _o/*"+a+
" * |"+a+
" / \\ ejm97"+a,
" *\\o/*"+a+
" |"+a+
" / \\ ejm97"+a,
" c/*"+a+
" \<\\"+a+
" */\\ ejm97"+a,
" c__"+a+
" \<\ *"+a+
" */\\ ejm97"+a,
" c__"+a+
" /\ *"+a+
" * /\> ejm97"+a,
" c/*"+a+
" /(__"+a+
" * / ejm97"+a,
" __o/*"+a+
" * (__"+a+
" \< ejm97"+a,
" __o_"+a+
" * / *"+a+
" \<\\ ejm97"+a,
" *_o_"+a+
" | *"+a+
" \< \\ ejm97"+a,
" *_c_*"+a+
" |"+a+
" \>\\ ejm97"+a,
" *_c_*"+a+
" |__"+a+
" \> ejm97"+a,
" *_c_*"+a+
" __|__"+a+
" ejm97"+a,
" "+a+
" *_c_*"+a+
" __)__ ejm97"+a,
" "+a+
" *\\c/*"+a+
" __)__ ejm97"+a
);
var x=0;
function tick() {
document.animation.cheerleader.value = " " + a +
tl[x];
x++;
if (x != max)
setTimeout("tick()", 200);
else
x = 0;
}
// End -->
</script>
</HEAD>
<BODY OnLoad="tickundefined)">
<center>
<form name=animation>
<textarea name=cheerleader rows=5 cols=20></textarea>
<br>
<input type=button value="Start Again" onClick = "javascript:tickundefined)">
</form>
</center>
</html>
6. Faking Textarea on Typing
This funny script made to prove that you're too trusting of people. Don't believe me? Just check it by yourself.<html>
<head>
<title>Faking Textarea on Typing</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="copyright" content="JavaScriptBank.com" />
<script language="javascript">
<!-- done by JOHN CHACKO- [email protected]!>
status="john chacko !!!!!"
var a=new Array(),n=""
a[1]='I';a[2]=' ';a[3]='A';a[4]='M';a[5]=' ';a[6]='A';a[7]=' ';a[8]='F';a[9]='O';a[10]='O';a[11]='L';a[12]=' ';a[13]=' ';a[14]='?';
function one()
{
t=document.f.txt.value
j=t.length
if(j>0)
{
for(var i=1;i<=j;i++)
{
n=n+a[i]
if(i==14)
{
document.f.txt.value=""
n=""
}
}
}
document.f.txt.value=n
n=""
setTimeout("one()",1)
}
function on()
{
one()
}
</script>
</head>
<body onload="onundefined)">
<center>
<h2>Type anthing slowly</h2>
<form name="f">
<textarea name="txt" cols="20" rows="5">
</textarea>
</center>
</form>
</body>
</html
Tác giả
Thái Cao Phong theo chuyên ngành phát triển, lập trình web hơn 9 năm qua, đã & đang làm việc với PHP, JavaScript, CSS. Anh ấy là sáng lập viên của JavaScriptBank.com & 9BlogTips.com - cung cấp hàng nghìn mã nguồn JavaScript miễn phí, các thủ thuật lập trình web và các hướng dẫn blog hữu ích.
Hãy theo dõi anh ta tại twitter@js_bank hoặc kết nối qua facebook@jsbank nếu bạn muốn.
DanhNgon.info - Lời hay ý đẹp dành cho cuộc sống
ChonHostViet.com - Đánh giá hosting với gói ưu đãi miễn phí 1 năm đầu
- Lượt gửi (0)
- Mới