07/02/2010
0
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.
Everybody knows the Internet is the environment that we can use for a lot of things. The Internet is getting more and more important, we can use it for working, learning, for entertaining ...
Only in the aspect of entertainment, we use the Internet to play the online games, to search, listen & download the favorite songs, videos, movies, ...
The Internet also is the very good environment for studying, it helps us in looking for the materials, solving our problems, getting the supports from the other persons, ... Especially in the field of computers in general, the web programming in particular; many people think the programming languages are only for working, there's no joy in it.
That's reason I make this post, I just want to say to all: with JavaScript, you can find some little joys; JavaScript can make many funny things that you ever realize. Here's list of funniest things JavaScript can do.
Updated: April 16th, 2013
1. Pictures flying as a snake around the mouse pointer
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)In the above JavaScript, you can change
document.getElementsByTagName("img") to any HTML tag that you want to apply.Here's some another versions of this effect:
javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI= document.images;DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute' ;DIS.left=Math.sin(R*x1+ i*x2+x3)* x4+x5;DIS.top=Math.cos(R*y1+ i*y2+y3)* y4+y5;} R++;}setInterval('A()',5);void(0);
2. Transform the web page into the eaditable mode
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
3. You must love me
<html>
<head>
<title>You must love me</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="copyright" content="http://www.javascriptbank.com" />
<script type="text/javascript">
flag=1
function f1()
{
alert("Yes. you are right ")
}
function f()
{
if(flag==1)
{
Bn.style.top=90
Bn.style.left=500
flag=2
}
else if(flag==2)
{
Bn.style.top=90
Bn.style.left=50
flag=3
}
else if(flag==3)
{
Bn.style.top=235
Bn.style.left=360
flag=1
}
}
</script>
</head>
<body>
<h1 style="position:absolute; left:220px; top:175px; width:auto; height:210px;">Do you love me?</h1>
<div id="By" style="position:absolute; left:285px; top:235px; width:210px;
height:210px;">
<input type="button" value=" YES " onclick="f1undefined)" />
</div>
<div ID="Bn" style="position:absolute; left:360px; top:235px; width:210px; height:210px;">
<input type="button" value=" NO " onmouseover="fundefined)" />
</div>
</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
bởi Xem- Lượt gửi (0)
- Mới
Tác giả:
Lượt xem:
Lời bình:
Lượt đánh giá:
Lượt gửi:
Kích thước:
Thứ hạng:
Phong Thai [more]
150,256
0
25
0
4.1 KBytes
25 lượt đánh giá / 150,256 lượt xem / 0 lời bình
07/02/2010
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 n...9 hiệu ứng JavaScript vui nhộn nhất thế giới - 9 hiệu ứng JavaScript vui nhộn nhất thế giới - Ngôn ngữ: tiếng Việt
