Latest topics
» Sửa chữa Smartphone – nghề thời thượngby 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
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
DIỄN ĐÀN HỌC SINH SINH VIÊN THPT BẮC DUYÊN HÀ :: Sưu tầm, chia sẽ :: Lĩnh vực đời sống :: Công nghệ số
Trang 1 trong tổng số 1 trang
7 đoạn mã Javascript vui nhộn (Bạch Dương)
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ỏ.
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:
2. Chuyển đổi trang web vào chế độ editable (có thể sửa trang web trong thời gian thực)
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.
4. Báo hộp đùa Lỗi tin nhắn
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
2- Đặt Onload trên Body
3- Dán đoạn mã còn lại vào tệp HTML của bạn
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.
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)
Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)
Đọc đi đọc lại mà cuối cùng...chẳng hiểu cái gì!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Soi Xam- Thượng sĩ
- Tên đầy đủ : T.W
Khoá học : 49
Lớp : a10
Chuyên môn : Sử - địa
Tổng số bài gửi : 59
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 đó!
Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)
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
Re: 7 đoạn mã Javascript vui nhộn (Bạch Dương)
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 đầy đủ : Nguyen
Khoá học : 44
Lớp : A6
Chuyên môn : Vật lý
Tổng số bài gửi : 1
BDH-Coins : 50833
Danh vọng : 0
Ngày tham gia diễn đàn : 03/08/2011
Similar topics
» Tự tình khúc (Bạch Dương)
» Music and Lyric (Như khúc tình ca) - Bạch Dương
» Phượng hồng - Bạch Dương (Thân mến tặng các BDHers)
» Valentino qua những bản tình ca yêu thích nhất của Bạch Dương
» Những vần thơ điên BDHers: Hoài thiên tâm và Bạch Dương
» Music and Lyric (Như khúc tình ca) - Bạch Dương
» Phượng hồng - Bạch Dương (Thân mến tặng các BDHers)
» Valentino qua những bản tình ca yêu thích nhất của Bạch Dương
» Những vần thơ điên BDHers: Hoài thiên tâm và Bạch Dương
DIỄN ĐÀN HỌC SINH SINH VIÊN THPT BẮC DUYÊN HÀ :: Sưu tầm, chia sẽ :: Lĩnh vực đời sống :: Công nghệ số
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết