PDA

Xem đầy đủ chức năng : Thư giãn cùng với JavaScript



bebadboy87
14-05-2008, 08:02 PM
Hôm qua đi học, được trùm Sơn phủ đầu cho mấy cái hiệu ứng ở web :dien: Nhìn choáng thật, về nhà search trên google mất một lúc thì nó ra 1 đống :so_funny: Và dưới đây là 3 cái trò ma đó được thực hiện nhờ JavaScript, xin post lên đây để mọi người cũng nghịch :D

JavaScript là ngôn ngữ khá phổ biến trên internet, có cú pháp tương tự Java, C++, C# và chạy trên các trình duyệt hỗ trợ JavaScript. Các câu lệnh của JavaScript được nhúng trong HTML và kết hợp với ngôn ngữ lập trình web như ASP/ASP.Net, PHP, JSP...

Sửa nội dung trang web bất kỳ
Sau khi truy cập vào một trang web nào đó, bạn xóa địa chỉ hiện hành trong hộp Address, nhập vào đoạn code bên dưới rồi nhấn Enter.


javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Ngạc nhiên chưa, dấu nháy của con trỏ đã thâm nhập vào bên trong giao diện trang web. Lúc này, bạn có thể thay đổi nội dung trang web tùy thích như xóa bớt/nhập thêm chữ, bỏ bớt hình có sẵn... giống như thao tác soạn thảo văn bản. Tất nhiên, việc này không gây tổn hại gì đến cấu trúc của trang web đó mà chỉ hiển thị trên PC của bạn nhằm mục đích thư giãn. Và nếu thích, bạn hãy sử dụng một phần mềm bắt hình chụp lại giao diện trang web mới chỉnh sửa rồi gửi tấm hình độc này để "dọa" bạn bè chơi.

Hình ảnh bay lượn vòng tròn trong trang web
Xóa địa chỉ hiện hành, nhập đoạn code dưới vào hộp Address của trình duyệt rồi nhấn Enter, ngay lập tức bạn sẽ được chứng kiến khung cảnh toàn bộ hình ảnh trong trang web bay lượn vòng vòng phía trên.


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.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++}setInterval('A()',50); void(0);

Hình ảnh chạy lên, chạy xuống
Xóa địa chỉ hiện hành, nhập đoạn code dưới vào hộp Address của trình duyệt rồi nhấn Enter, tất cả hình ảnh trong trang web sẽ chạy theo 2 hướng dọc lên và dọc xuống khá lạ mắt.



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.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*1+i*x2+x3)*x1+x2)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);


- Google.com -

tu.dva
01-08-2008, 10:44 PM
Hay quá hay quá thank rất nhiều


---------------------------------------
www.nguoixaydung.com
www.nguoixaydung.net

Mikio
04-08-2008, 10:50 AM
Cái hiệu ứng 1 hay quá :D Cám ơn nhiều :D

NHÓC
06-08-2008, 04:40 AM
Woa ! Cảm Ơn Bạn Nhé ~ Hay Quá , Quá Hay ~ Oh ~

_KeoBonBon_
05-11-2008, 04:46 AM
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
.....chà...code này hay nè....^^ bài viết của bạn bổ ích lắm

toi la giang
11-11-2008, 01:33 AM
uh bài này cũng dược bạn a!

leanhnt2251986
15-02-2009, 07:34 AM
hay thật, thanks nhé

Phong Linh
18-08-2009, 07:54 AM
công nhận hay :hihi:

http://i131.photobucket.com/albums/p294/aohoatocroi/tep-1.jpg