DIỄN ĐÀN HỌC SINH SINH VIÊN THPT BẮC DUYÊN HÀ
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Latest topics
» Sửa chữa Smartphone – nghề thời thượng
by hoangyencps 14/1/2014, 8:58 pm

» Teen thời @ ôn thi đại học như thế nào?
by hoangyencps 14/1/2014, 8:56 pm

» Sửa chữa Smartphone – nghề thời thượng
by hoangyencps 14/1/2014, 8:52 pm

» Nhật kí ngày 08 tháng 10 năm 2011 !
by c'lesvie 8/8/2013, 6:24 pm

» Lựa chọn trung tâm luyện thi: tiêu chí nào?
by tongphuong 16/5/2013, 3:21 pm

» [Image]Tổng hợp cổng trại các lớp
by nguyendinhlich23 8/2/2013, 4:36 pm

» Bí mật áo trắng
by dongphuchk 1/10/2012, 4:42 pm

» Kí ức những ngày mưa_BDH
by zozo 26/5/2012, 12:13 am

» Music and Lyric (Như khúc tình ca) - Bạch Dương
by ooyeuem00 2/5/2012, 2:54 pm

» Mot Chut Hoi Uc Tuoi Hoc Tro`
by Thanh_Luan.chel 3/4/2012, 5:58 pm

» Ngoài kia ai còn biết tên…
by Bạch Dương 3/4/2012, 11:39 am

» Cách mạng giáo dục: “Xét xử” những lỗi nhỏ và “hành quyết” những sai lầm lớn
by Bạch Dương 3/4/2012, 10:50 am

» Truyện ngắn: Về ngồi lại bên đời
by Bạch Dương 3/4/2012, 10:46 am

» [a2k47 ảnh] những ngày cuối năm học
by a2k47 28/3/2012, 7:05 pm

» hôm 26-3 qua trường
by a2k47 28/3/2012, 6:56 pm

» Tin buồn ...!!!
by a2k47 28/3/2012, 6:50 pm

» Lớp nào thành công nhất Bắc Duyên Hà 2010?
by honey_smile0206 27/3/2012, 1:13 am

» 10 cách thư giãn và giảm stress hiệu quả
by sinhdaphu 26/3/2012, 9:56 pm

» ĐH Vinh mở thêm ngành Kỹ thuật điều khiển và tự động hóa
by sinhdaphu 26/3/2012, 9:53 pm

Thống Kê
Hiện có 1 người đang truy cập Diễn Đàn, gồm: 0 Thành viên, 0 Thành viên ẩn danh và 1 Khách viếng thăm

Không

[ View the whole list ]


Số người truy cập cùng lúc nhiều nhất là 534 người, vào ngày 23/9/2011, 7:39 pm
LIKE

7 đoạn mã Javascript vui nhộn (Bạch Dương)

3 posters

Go down

7 đoạn mã Javascript vui nhộn (Bạch Dương) Empty 7 đoạn mã Javascript vui nhộn (Bạch Dương)

Bài gửi by Bạch Dương 4/8/2011, 8:53 am

Bài Viết của Đức Anh - không copy từ bất cứ nguồn nào

Javascript là ngôn ngữ lập trình dạng mã nhúng, nó chỉ có thể hoạt động trên nền HTML. Tuy nhiên, tính năng của Javascript không thua kém những loại ngôn ngữ lập trình trung cấp như C, Pascal. Dưới đây, mình xin trình bày 7 đoạn mã JavaScript vui nhộn lấy từ ngân hàng mã nguồn của W3

1. Hình ảnh bay như một con rắn xung quanh con trỏ chuột

Chỉ cần dán mã JavaScript dưới đây vào thanh địa chỉ của trình duyệt bất kỳ, sau đó nhấn Enter, nó làm cho tất cả các hình ảnh trên trang web hiện bay vòng quanh như một con rắn khi bạn di chuyển con trỏ.
Code:
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)


Trong JavaScript trên, bạn có thể thay đổi document.getElementsByTagName ("img") cho bất kỳ thẻ HTML mà bạn muốn áp dụng.

Dưới đây là một số phiên bản khác của hiệu ứng này:

Code:
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. Chuyển đổi trang web vào chế độ editable (có thể sửa trang web trong thời gian thực)

Code:
javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; trống 0

Mã JavaScript này cho phép bạn chỉnh sửa bất kỳ trang web trong thời gian thực, và với Firefox, bạn thậm chí có thể lưu các trang web đã thay đổi về máy tính. Bạn có thể nghịch ngợm nhiều hơn với JavaScript đơn giản trên, chẳng hạn như: giả mạo chụp màn hình, giả mạo một số tin tức nóng cho ngày... một cách nhanh chóng.

3. Em phải yêu anh


Mã JS này đã từng được dùng trên trang 15 xu. Đây đơn giản là một Alert độc đoán, người dùng chỉ có một lựa chọn.

Cung cấp cho người yêu của bạn liên kết của hiệu ứng này, sau đó yêu cầu cô trả lời câu hỏi "Em có yêu anh không?" Và cô không thể phủ nhận.

Code:
<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>




4. Báo hộp đùa Lỗi tin nhắn

Code:
<script language="javascript">

function chngimg(n){
if(n){
document.images['fst'].src="nobuttn.gif";
document.images['sec'].src="blnkbut.gif";
}else{
document.images['sec'].src="nobuttn.gif";
document.images['fst'].src="blnkbut.gif";
}}

</script>

Cũng giống như JavaScript vui trên, nhưng kịch bản này sử dụng hình ảnh để có những lựa chọn, có thể từ ý tưởng của trò đùa này cộng với một số hình ảnh khác nhau, bạn có thể làm cho nó thú vị hơn.

5. Làm hoạt hình dựa trên văn bản

Đoạn mã này không hề dễ hoạt động, bạn phải cài đặt như sau:
1 - Dán phần thân Script vào phần HEAD
Code:
<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<max; 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>

2- Đặt Onload trên Body
Code:
<BODY OnLoad="tick()">

3- Dán đoạn mã còn lại vào tệp HTML của bạn
Code:
<center>
<form name=animation>
<textarea name=cheerleader rows=5 cols=20></textarea>
<br>
<input type=button value="Start Again" onClick = "javascript:tick()">
</form>
</center>

<p><p>



6. Giả mạo Textarea khi gõ

Kịch bản hài hước này được thực hiện để chứng minh rằng bạn đang quá cả tin. Hãy thử xem nhé:

[You must be registered and logged in to see this link.]

(Hãy viewsource đẻ lấy mã nguồn)

7. Lắc cửa sổ trình duyệt trong một thời gian

Thay đổi kích thước của cửa sổ trình duyệt của bạn để chế độ bình thường, có thể là một nửa của độ phân giải màn hình là tốt nhất, sau đó chạy code dưới đây bằng cách dán nó vào thanh địa chỉ và nhấn phím Enter.

Code:
javascript:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} Shw(6)
Bạch Dương
Bạch Dương
Admin

Tên đầy đủ Tên đầy đủ : Vũ Đức Anh

Khoá học Khoá học : 48
Lớp Lớp : A11
Chuyên môn : Ngoại ngữ

Tổng số bài gửi : 483
BDH-Coins BDH-Coins : 59412
Danh vọng : 63
Ngày tham gia diễn đàn : 07/01/2010
Tuổi : 31
Đến từ : Học viện Báo chí Tuyên truyền

http://www.bacduyenha.org

Về Đầu Trang Go down

7 đoạn mã Javascript vui nhộn (Bạch Dương) Empty Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)

Bài gửi by Soi Xam 4/8/2011, 2:18 pm

Đọc đi đọc lại mà cuối cùng...chẳng hiểu cái gì!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Soi Xam
Thượng sĩ
Thượng sĩ

Tên đầy đủ Tên đầy đủ : T.W

Khoá học Khoá học : 49
Lớp Lớp : a10
Chuyên môn : Sử - địa

Tổng số bài gửi : 59
BDH-Coins BDH-Coins : 51035
Danh vọng : 1
Ngày tham gia diễn đàn : 01/08/2011
Tuổi : 29
Phương châm sống : Khi bạn trao yêu thương cho một ai đó,có thể điều mà bạn nhận lại từ họ chỉ là một con số 0,nhưng bạn sẽ nhận lại nó,đầy đủ,và có thể là nhiều hơn thế,từ một người khác,vào một thời điểm khác...điều còn lại chỉ là thời gian. Vậy thì hãy cứ tin...đến một lúc nào đó!

Về Đầu Trang Go down

7 đoạn mã Javascript vui nhộn (Bạch Dương) Empty Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)

Bài gửi by Bạch Dương 4/8/2011, 6:14 pm

Tôi e rằng Cái này chỉ dùng cho dân CNTT nghịch ngợm, chưa học HTML hay JS thì khó mà hiểu được
Bạch Dương
Bạch Dương
Admin

Tên đầy đủ Tên đầy đủ : Vũ Đức Anh

Khoá học Khoá học : 48
Lớp Lớp : A11
Chuyên môn : Ngoại ngữ

Tổng số bài gửi : 483
BDH-Coins BDH-Coins : 59412
Danh vọng : 63
Ngày tham gia diễn đàn : 07/01/2010
Tuổi : 31
Đến từ : Học viện Báo chí Tuyên truyền

http://www.bacduyenha.org

Về Đầu Trang Go down

7 đoạn mã Javascript vui nhộn (Bạch Dương) Empty Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)

Bài gửi by lavy 4/8/2011, 11:20 pm

ko xuống dòng, tab tiếc gì cả, nhìn muốn lòi con mắt.

lavy
Tân binh !!!
Tân binh !!!

Tên đầy đủ Tên đầy đủ : Nguyen

Khoá học Khoá học : 44
Lớp Lớp : A6
Chuyên môn : Vật lý

Tổng số bài gửi : 1
BDH-Coins BDH-Coins : 50833
Danh vọng : 0
Ngày tham gia diễn đàn : 03/08/2011

Về Đầu Trang Go down

7 đoạn mã Javascript vui nhộn (Bạch Dương) Empty Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết