Helios Administator
Tổng số bài gửi : 972 Reputation : 61 20/07/1991 Join date : 04/10/2009 Age : 33 Đến từ : HCMUS - cntt MD1coin : 1798
| Tiêu đề: [Sưu Tầm]Tổng Hợp Các Đoạn Code JavaScRipt Hay Cho Website HTML Thu Mar 04, 2010 1:17 pm | |
| 1 . Không Cho Click Chuột Phải ... - Code:
-
<script language=Javascript1.1> function rigt(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert('Chuc Mot Ngay Vui ve - Gui Wedsite Cho Ban Be Cua Minh Nha !'); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> 2 . CODE Làm Thanh Tiêu Đề Web Chạy Trên Task Manager Khi Đóng Mở Web .. - Code:
-
<script language=javascript >
title_tmp1=document.title if (title_tmp1.indexOf(">>")!=-1){ title_tmp2=title_tmp1.split(">>"); title_last="*~*"+title_tmp2[1]; title_last=title_last + "*~*" + title_tmp2[2]; }else{
if (title_tmp1.indexOf("*~*")!=-1){ title_tmp2=title_tmp1.split("*~*"); title_last="*~*"+title_tmp2[1]; if (title_last=="*~*"){title_last="*~*"}; if (title_last=="*~*"){title_last="*~*"}; } else { title_last=" http://wWw.KyNiemB2.Top1.Vn "} }
title_new=""+title_last+"" step=0
function flash_title() { step++ if (step==8) {step=1} if (step==1) {document.title='[----*'+title_new+'*----]'} if (step==2) {document.title='[---*-'+title_new+'-*---]'} if (step==3) {document.title='[--*--'+title_new+'--*--]'} if (step==4) {document.title='[-*---'+title_new+'---*-]'} if (step==5) {document.title='[--*--'+title_new+'--*--]'} if (step==6) {document.title='[---*-'+title_new+'-*---]'} if (step==7) {document.title='[----*'+title_new+'*----]'} setTimeout("flash_title()",180); } flash_title()
</script> 3 . CODE Chống Click Chuột Phải ... Và Làm "Giật Giật Web Nêu Người Xem Cứ Cố ý Click Right ... - Code:
-
<script language=Javascript> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { earthquake() } alert("Ban Ko Dc Click Chuot Phai"); times++ } } function earthquake() { alert("Ban Ko Dc Click Chuot Phai"); window.moveTo(0, 0) window.moveTo(1, 1) window.moveTo(2, 2) window.moveTo(3, 3) window.moveTo(4, 4) window.moveTo(5, 5) window.moveTo(6, 6) window.moveTo(7, 7) window.moveTo(8, 8) window.moveTo(9, 9) window.moveTo(10, 10) window.moveTo(9, 9) window.moveTo(8, 8) window.moveTo(7, 7) window.moveTo(6, 6) window.moveTo(5, 5) window.moveTo(4, 4) window.moveTo(3, 3) window.moveTo(2, 2) window.moveTo(1, 1) alert("Giat Nhu Fiml Nha??!") tremmors() } function tremmors() { window.moveTo(0, 0) window.moveTo(1, 1) window.moveTo(2, 2) window.moveTo(3, 3) window.moveTo(4, 4) window.moveTo(5, 5) window.moveTo(6, 6) window.moveTo(7, 7) window.moveTo(8, 8) window.moveTo(9, 9) window.moveTo(10, 10) window.moveTo(11, 11) window.moveTo(12, 12) window.moveTo(9, 9) window.moveTo(8, 8) window.moveTo(7, 7) window.moveTo(6, 6) window.moveTo(5, 5) window.moveTo(4, 4) window.moveTo(3, 3) window.moveTo(2, 2) window.moveTo(1, 1) tremmors() } </script> 4 . CODE Làm Con Chuột Có Mấy Cái Vòng Chạy Chạy Xung Quanh ... - Code:
-
<script language="Javascript"> <!-- Mouse Attack by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript
var num=10;//Number of dots! var vel=20;//Speed! var col=new Array('#0080ff','#ffffff','#0000ff','#44ccff');//Dot colours, min 2! var stopafter=60; //Stop and clear after x secondS! //Nothing needs altering past here.................... var MAy=0; var MAx=0; var py=0; var px=0; var angle=0; var distance=0; var rep; var ry=0; var rx=0; var tmr=null; var n4=(document.layers); var n6=(document.getElementById&&!document.all); var ie=(document.all); var o6=(navigator.appName.indexOf("Opera") != -1)?true:false; var _d=(n4||ie)?'document.':'document.getElementById(" '; var _a=(n4||n6)?'':'all.'; var _r=(n6)?'")':''; var _s=(n4)?'':'.style'; var v=(n4)?"show":"visible"; var put=false; stopafter*=1000; if (n4||n6){ window.captureEvents(Event.MOUSEMOVE); function mouse1(e){ if (put) return false; MAy = e.pageY-window.pageYOffset; MAx = e.pageX; } if (n4) window.onMouseMove=mouse1; else document.onmousemove=mouse1; } if (ie||o6){ function mouse2(){ if (put) return false; MAy = (ie)?event.clientY:event.clientY-window.pageYOffset; MAx = event.clientX; } document.onmousemove=mouse2; } if (n4){ for (inc=0; inc < num; inc++) document.write('<layer name=dots'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>'); } else{ if (ie&&!o6){ document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); } for (inc=0; inc < num; inc++) document.write('<div id="dots'+inc+'" style="position:absolute;top:0px;left:0px;width:'+ inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>'); if (ie&&!o6) document.write("</div></div>"); } function pos(){ h=(ie)?document.body.clientHeight:window.innerHeig ht-20; w=(ie)?document.body.clientWidth:window.innerWidth-20; ry=Math.round(Math.random()*h); rx=Math.round(Math.random()*w); rep=Math.round(Math.random()*3); if (rep == 3)ry=0; if (rep == 2)ry=h; if (rep == 1)rx=0; if (rep == 0)rx=w; py=ry; px=rx; } pos(); function followleader(){ sy=(!ie)?window.pageYOffset:0; sx=(!ie)?window.pageXOffset:0; if (ie) outer.style.top=document.body.scrollTop; for (inc=0; inc < num; inc++){ randomcol=col[Math.floor(Math.random()*col.length)]; temp1=eval(_d+_a+"dots"+inc+_r+_s); temp1.visibility=v; if (inc < num-1){ temp2=eval(_d+_a+"dots"+(inc+1)+_r+_s); temp1.top=temp2.top; temp1.left=temp2.left } else{ temp1.top=py+sy; temp1.left=px; } if (n4)temp1.bgColor=randomcol; else temp1.background=randomcol; } } function bomb(){ ay=MAy-py; ax=MAx-px; angle=Math.round(Math.atan2(ay,ax)*180/Math.PI); if (angle < 0) angle += 360; MAdy=py-MAy; MAdx=px-MAx; distance=Math.floor(Math.sqrt(MAdx*MAdx+MAdy*MAdy) ); go_y = Math.round(vel*Math.sin(angle*Math.PI/180)); go_x = Math.round(vel*Math.cos(angle*Math.PI/180)); py+=go_y; px+=go_x; if (distance < vel) pos(); followleader(); tmr=setTimeout("bomb()",20); } bomb(); function dsbl(){ v=(n4)?"hide":"hidden"; put=true; MAx=0; MAy=0; setTimeout('clearTimeout(tmr)',stopafter+100); } setTimeout('dsbl()',stopafter); //--> </script> 5. TITLE Chạy ..... - Code:
-
<script language=Javascript> var txt=" ..:: WelCome To Website | http://wWw.KyNiemB2.Top1.Vn | Mang Giai Tri Online -> 12B2 THPT EaH'Leo - Daklak - Design : HoangVu Entertainment -"; var expert=200; // speed of roll var refresh=null; function marquee_title(){ document.title=txt; txt=txt.substring(1,txt.lenghth)+txt.charAt(0); refresh=setTimeout("marquee_title()",expert); } marquee_title(); </script> 6. Dòng Chữ Chạy Dưới web ... - Code:
-
<script language=Javascript> puchtit=")«-»(..:: Welcome To http://WwW.NhoOi.Kiss.To ::..)«-»("; letrero2="·.¸¸.·´´¯`··._.·"; letrero1="·.¸¸.·´´¯`··._.·";ultimo1=letr ero1.length-1; ultimo2=letrero2.length-1; tiempo=setTimeout("scroll()",.100); function scroll() { aux1=letrero1.charAt(ultimo1-1); letrero1=aux1+letrero1.substring(0,ultimo1-1); aux2=letrero2.charAt(0); letrero2=letrero2.substring(1,ultimo2+1)+aux2; window.status="(" + letrero1 + ")(" + letrero2 + puchtit + letrero1 + ")(" + letrero2 + ")"; tiempo=setTimeout("scroll()",.100); return true; } // --> </script> 7. Tạo 1 Button Giờ Trên Website - Code:
-
<script language=Javascript> <!-- Begin day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; self.status = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. " + "You have spent " + milliNow + " of those milliseconds on this page. " + ".... About " + minsVisit + " minutes, and " + secsVisit + " seconds."); } document.write("<center><form name=\"form\">" + "<input type=button value=\"Click for info!\"" + " name=button onClick=\"timeInfo()\"></form></center>"); onError = null; clock(); // End --> </script> 8. Chữ ẩn hiện và thay đổi chữ . - Code:
-
<script LANGUAGE="Javascript">
<!-- This script and many more are available free online at --> <!-- The Javascript Source!! http://thangbombh.sg.st --> <!-- ThangBomBH, thangbombh@thangbombh.zzn.com. -->
<!-- Begin // add as many or as few messages as you would like var msg=new Array() msg[0]="<CENTER>Chao mung cac ban den voi ThangBomBH Homepages ...!</CENTER>"; msg[1]="<CENTER>...Chuc cac ban luon thanh dat va vui ve.</CENTER>"; msg[2]="<CENTER>Just type in \"<A href='http://thangbombh.sg.st/'>Thangbombh.sg.st</A>\"</CENTER>"; msg[3]="<CENTER>Cam on cac ban da ghe tham !</CENTER>";
// set your first set of colors. Use as many or as few as you wish. var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff", "8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")
//set your second set of colors // *** must have exactly the same number of colors as the array above *** var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999", "ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")
//set the height of the display in pixels high=60;
//set the width of the display in pixels wide=350;
//set the pixel coordinates for the upper left hand corner of the display Xpos=220; Ypos=180;
// move the display away from the edges of the background pad=15;
// set the background color of the display bgcol="ffffff";
//add a background image if you want. // *** for no image, just leave empty quotes (ex. cellbg=""; ) *** cellbg="faderbg.jpg";
// set the font fntFam="verdana,helvetica,arial"; fntSize=14;
// set how how many seconds you want the message to stay remain at totality. pause=2.5;
// Do not edit these values below!!!
icolor=0; mcolor=1; imsg=0; spWidth=wide-(2*pad); totality=false; glowing=true; var theMsg=""; var cellcontent=""; pause=pause*1000; if(cellbg.length>4){cellbg=" background="+cellbg} else{cellbg="";}
function doPause(){ totality=false; t=setTimeout("changecolor()",pause); } function initiate(){ getContentColor(); getMsg(); getCellContent(); if(document.all){ msgbg.innerHTML=cellcontent; msgfade.innerHTML=theMsg; msgbg.style.posLeft=Xpos; msgbg.style.posTop=Ypos; msgfade.style.posLeft=Xpos+pad; msgfade.style.posTop=Ypos+pad; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgbg.document.write(cellcontent); document.msgbg.document.close(); document.msgfade.document.write(theMsg); document.msgfade.document.close(); document.msgbg.left=Xpos; document.msgbg.top=Ypos; document.msgfade.left=Xpos+pad; document.msgfade.top=Ypos+pad; t=setTimeout("changecolor()",100);} } function changecolor(){ if(totality==true){doPause();} else{ getMsg(); getContentColor(); if(document.all){ msgfade.innerHTML=theMsg; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgfade.document.write(theMsg); document.msgfade.document.close(); t=setTimeout("changecolor()",70);} } } function getFadeColor(){ icolor=icolor-1; if(mcolor==1){contentcolor=colors1[icolo r];} else{contentcolor=colors2[icolor];} } function getGlowColor(){ icolor=icolor+1; if(mcolor==1){contentcolor=colors1[icolo r];} else{contentcolor=colors2[icolor];} } function changemsg(){ if(imsg==msg.length-1){imsg=0; mcolor=1;} else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;} else{imsg=imsg+1; mcolor=1;} } function getContentColor(){ if(icolor==colors1.length-1 && glowing==true){ getFadeColor(); glowing=false; totality=true;} else if(icolor < colors1.length && glowing==true){ getGlowColor();} else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;} else{getFadeColor();} } function getMsg() { theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>" theMsg+="<font color="+contentcolor+">"+msg[imsg]+"</font> " theMsg+="</span>" } function getCellContent(){ cellcontent="<TABLE height="+high+ " width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"} // End --> </script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY onLoad="initiate()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<DIV id=msgbg style="position: absolute;"></DIV> <DIV id=msgfade style="position: absolute;"></DIV> <!-- script Size: 5.17 KB --> 9. Link đổi màu tự động - Code:
-
<script LANGUAGE="Javascript">
<!-- This script and many more are available free online at --> <!-- The Javascript Source!! http://thangbombh.sg.st -->
<!-- Begin function initArray() { for (var i = 0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; } this.length = initArray.arguments.length; } var colors = new initArray( "red", "blue", "green", "purple", "black", "tan", "red"); delay = .5; // seconds link = 0; vlink = 2; function linkDance() { link = (link+1)%colors.length; vlink = (vlink+1)%colors.length; document.linkColor = colors[link]; document.vlinkColor = colors[vlink]; setTimeout("linkDance()",delay*1000); } linkDance(); // End --> </script> <p><a href="http://thangbombh.sg.st">Welcome to ThangBomBh Homepages !</a></p>
<!-- Be sure to include some links in your HTML page! -->
<!-- script Size: 0.98 KB --> 10. Chữ vòng quanh theo con trỏ: - Code:
-
<script LANGUAGE="Javascript"> <!-- Original: ThangBomBH (thangbom_bh@yahoo.com) --> <!-- Web Site: http://thangbombh.sg.st -->
<!-- This script and many more are available free online at --> <!-- The Javascript Source!! http://thangbombh.sg.st -->
<!-- Begin if (document.all) { //Things you can alter yourLogo = "Welcome to ThangBomBH Homepages !"; //Not less than 2 letters! logoFont = "Arial"; logoColor = "000000"; //Nothing needs altering below! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style=& quot;position:absolute;top:0px;left:0px; ' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --> </script> <!-- script Size: 1.93 KB --> 11. Cũng chữ chạy theo con trỏ, chữ này có bóng - Code:
-
<script LANGUAGE="Javascript"> <!-- Original: ThangBomBH (thangbom_bh@yahoo.com) --> <!-- Web Site: http://thangbombh.sg.st -->
<!-- This script and many more are available free online at --> <!-- The Javascript Source!! http://thangbombh.sg.st -->
<!-- Begin message = 'Welcome to ThangBomBH Homepages !'; FonT = 'Verdana'; ColoR = '999999'; SizE = 3; //1 to 7 only!
var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0; if (document.layers) { for (i = 0; i < amount; i++) { document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>'); } window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt) { xpos = evnt.pageX + 20; ypos = evnt.pageY + 20; } window.onMouseMove = nsmouse; } else if (document.all) { document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i = 0; i < amount; i++) { document.write('<div id="text"'+i+' style=& quot;position:absolute;top:0px;left:0px; width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>') } document.write("</div>"); document.write("</div>"); function iemouse() { ypos = event.y + 20; xpos = event.x + 20; } window.document.onmousemove = iemouse; } function makefollow() { if (document.layers) { document.layers['nsl'+0].top = ay; document.layers['nsl'+0].left = ax; document.layers['nsl'+1].top = by; document.layers['nsl'+1].left = bx; document.layers['nsl'+2].top = cy; document.layers['nsl'+2].left = cx; document.layers['nsl'+3].top = Dy; document.layers['nsl'+3].left = Dx; document.layers['nsl'+4].top = Ey; document.layers['nsl'+4].left = Ex; } else if (document.all) { outer.style.pixelTop = document.body.scrollTop; text[0].style.pixelTop = ay; text[0].style.pixelLeft = ax; text[1].style.pixelTop = by; text[1].style.pixelLeft = bx; text[2].style.pixelTop = cy; text[2].style.pixelLeft = cx; text[3].style.pixelTop = Dy; text[3].style.pixelLeft = Dx; text[4].style.pixelTop = Ey; text[4].style.pixelLeft = Ex; } } function move() { ey = Ey += (ypos - Ey) * 0.2; ex = Ex += (xpos - Ex) * 0.2; dy = Dy += (ey - Dy) * 0.3; dx = Dx += (ex - Dx) * 0.3; cy = Cy += (dy - Cy) * 0.4; cx = Cx += (dx - Cx) * 0.4; by = By += (cy - By) * 0.5; bx = Bx += (cx - Bx) * 0.5; ay = Ay += (by - Ay) * 0.6; ax = Ax += (bx - Ax) * 0.6; makefollow(); setTimeout('move()', 10); } window.onload=move; // End --> </script> <!-- script Size: 2.91 KB --> 12. Tạo Một chuỗi các ngôi sao bay theo Mouse - Bạn đã bao giờ nhìn thấy một chuỗi các ngôi sao bay theo mouse như trang web này chưa? Vâng, đây chính là hiệu ứng được mang lại từ những chuỗi câu lệnh Javascript được nhúng vào trang web này, nó được kết hợp với 6 images để tạo nên một hiệu ứng rất tuyệt vời như bạn đang thấy đó. Nó biết phải ẩn đi khi mouse không hoạt động và hoạt động trở lại khi mouse di chuyển. Khi mới nhìn bạn tưởng chừng như mouse là một chiếc đũa thần đang vẫy ra những vì sao vậy! Chính những hiệu ứng nhỏ như vậy, làm cho trang web chúng ta đỡ nhàm chán, tăng thêm phần hương vị. - Bạn hãy copy đoạn mã bên dưới và dán vào Notepad, lưu lại thành đuôi .htm hoặc html để phân tích, ngoài ra bên dưới tôi còn để Download 01, 02, 03, 04, 05, 06 là 6 ngôi sao nếu muốn bạn có thể download ngay tại trang web này, nhưng lưu ý là bạn phải đặt nó trong 1 thư mục có tên là Images, bên ngoài thư mục đó là trang web có chứa đoạn mã bên dưới. 1. Ưu điểm của việc nhúng trực tiếp Java script vào webpage: Đó là tạo nên sự sinh động thực sự cho webpage của bạn, làm cho khách đến thăm không cảm thấy nhàm chán. Nếu bạn sử dụng đúng những câu lệnh bên dưới khi bạn đưa mouse sát mép phải của màn hình thì chỉ xuất hiện thanh trượt ngang 1 ít xíu, có những chương trình khác hiệu ứng theo mouse nhưng khi đưa mouse ra sát mép phải của màn hình thì nó kéo theo thanh trượt ngang đi theo nó rất là dài, trong khi đó 1 trang web tốt, điều cấm kỵ của nó là không được xuất hiện thanh trượt ngang trên màn hình. 2. Khuyết điểm: Câu lệnh dài quá khiến trang web này trở nên hơi bị nặng, bạn chỉ có thể dùng cho những trang chủ có kích thước nhỏ, ít images thì có thể cho vào được. nên cân nhắc khi làm nghe. hy`hy` - Code:
-
<HTML>
<HEAD>
<TITLE>Hieu u'ng Javascript - Le Quang Anh Hu'ng</TITLE>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-user-defined">
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<META content="Le Quang Anh Hu'ng Homepage" name=Author>
<script language=Javascript>
<!--Che dấu những trình duyệt mà không biết Javascript (ở đây sử dụng câu lệnh If và else if)
var version = 0;
if (navigator.userAgent.indexOf("MSIE 4") != -1) version = 5;
else if (navigator.userAgent.indexOf("MSIE 3") != -1) version = 1;
else if (navigator.userAgent.indexOf("Mozilla/4") != -1) version = 4;
else if (navigator.userAgent.indexOf("Mozilla/4.5") != -1) version = 7;
else if (navigator.userAgent.indexOf("Mozilla/3") != -1) version = 3;
else if (navigator.userAgent.indexOf("Mozilla/2") != -1) version = 2;
else if (navigator.userAgent.indexOf("MSIE 4.5") != -1) version = 6;
else version = 8;
// -->
</script>
<STYLE> <!-- Nơi đây dùng để tạo mẫu kích thước, vị trí cho Images(6 ngôi sao)--> #trailsprite1 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 1px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 100
}
#trailsprite2 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
#trailsprite3 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
#trailsprite4 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
#trailsprite5 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
#trailsprite6 {
HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 10px; Z-INDEX: 10
}
</STYLE>
</HEAD>
<BODY bgColor=#000000> <!-- chỉ màu nền background color -->
<script language=Javascript1.1>
if (version > 3) <!-- Nếu ver > 3 (Javascript) khi đó sẽ xuất ra màn hình bức ảnh thứ 1 và thứ tự tiếp theo ứng với mỗi images bao gồm chiều cao, viền, tên, Id -->
document.write('<div id="trailSprite1"></div><div id="trailSprite2"></div><div id="trailSprite3"></div><div id="trailSprite4"></div><div id="trailSprite5"></div><div id="trailSprite6"></div>')
</script>
<script language=Javascript> <!-- Nơi dòng lệnh này hỗ trợ cho trình duyệt Netscape không có cũng chẳng sao -->
<!--
NS4 = (("Netscape"==navigator.appName) && ("4"<=parseInt(navigator.appVersion)))
window.name = "right" <!-- Bạn phải cẩn thận ngay chổ chữ "right" đây là chỗ nguy hiểm chết người nếu bạn không để ý frames của bạn sẽ sổ tầm bậy liền đó, chính vì vậy bạn ấn định để sổ frames tên gì thì phải đặt tên đó à nghe! -->
// -->
</script>
<script language=Javascript1.1>
<!--
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();var NUM_OF_TRAIL_PARTS = 6
for (x=1; x < 7; x++)
{ ///////////////Image Preload
eval("trailSpriteFrame" + x + "=new Image(10,10);");
eval("trailSpriteFrame" + x + ".src='images/trailgif"+x+".gif';");
}////////////////////////////////////////////////Đối tượng vệt ngôi sao chạy theo mouse
function trailSpriteObj(anID)
{
this.trailSpriteID = "trailSprite" + anID; //Tùy đằng trước
this.imgRef = "trailSprite" + anID + "img"; //Chuyển tới tên những ngôi sau
this.currentFrame = 1; //nhìn thấy khung
this.animateTrailSprite = animateTrailSprite; //Khai báo phương pháp vòng lặp đối tượng
}
function animateTrailSprite()
{
if (this.currentFrame <7)
{// Nếu có hoạt cảnh (mà) những khung rời bỏ, thay đổi những ngôi sao kết cấu hiện thời
if (isNS)
{ //Phát hiện ra bộ duyệt và thực hiện sự chuyển đổi hình ảnh
eval("document['"+this.imgRef+"'].src=trailSpriteFrame" + this.currentFrame + ".src");
}
else
{
eval("document['"+this.imgRef+"'].src=trailSpriteFrame" + this.currentFrame + ".src");
}
this.currentFrame ++; //và tăng thêm hiện thời những đối tượng hình ảnh
}
else
{ //Khung hiện hành như vậy đạt đến giới hạn nó che dấu ngôi sao
eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility="hidden"');
}
}/////////////////////////////////////////////////////////////////
function processAnim()
{
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
queue[x].animateTrailSprite();
}
function processMouse(e)
{
currentObj = shuffleQueue();
if (isNS)
{
eval("document." + currentObj + ".left=e.pageX-0;");
eval("document." + currentObj + ".top=e.pageY+5;");
}
else
{
eval("document.all." + currentObj + ".style.pixelLeft=event.clientX+document.body. scro llLeft-0;");
eval("document.all." + currentObj + ".style.pixelTop=event.clientY+document.body.s crol lTop+5;");
}
}
function shuffleQueue()
{
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1; //sự sắp đặt lại số thứ tự hình ảnh của những đối tượng & làm cho ngôi sao rõ ràng thêm
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility="visible"');
return queue[0].trailSpriteID;
}
function init()
{
for(x=0; x<NUM_OF_TRAIL_PARTS; x++) //Sắp hàng đầy đủ vệt dài của đối tượng
queue[x] = new trailSpriteObj(x+1);
if (isNS)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = processMouse;
setInterval("processAnim();",25);
}
if (version > 3)
window.onload = init;
// -->
</script>
</body>
</html> 13. Tạo Một Trận Sao Rơi Bằng Javascript Ở đây tôi mạn phép dùng ánh sao vì bông tuyết tôi không có, nếu bạn có bông tuyết cho vào, tất nhiên bông tuyết phải lớn hơn sao nhiều và thay nền đen thành nền trắng thì sẽ trở nên một trận Tuyết rơi rồi đó. Bạn thấy tuyết rơi bao giờ chưa, riêng tôi thì chỉ được nhìn thấy trên màn hình TV. Những bông tuyết rơi ngoài trời ở các nước theo tôi nghĩ chắc là.đẹp lắm, Tôi hy vọng một ngày nào đó khi tàu của tôi ghé thăm một cảng nào đó có tuyết rơi chắc cũng phần nào đó an ủi. Vậy làm sao để tạo một trận tuyết rơi rầm rộ trên màn hình, khi nó rơi gần đến cuối màn hình thì từ từ biến mất. Những trận tuyết rơi như vậy thường diễn ra vào mùa đông (Giáng Sinh) khi nào sắp đến mùa đông bạn hãy trang hoàn cho trang web của bạn có cảnh tuyết đang rơi như vậy thì rất mới lạ và.đẹp mắt nữa chứ, phải không các bạn? Các bạn hãy nhúng đoạn Java script bên dưới vào trang web của bạn đồng thời kết hợp với 1 image. Mức độ tương thích trình duyệt rất tốt, nó có thể tương thích với cả 2 trình duyệt Internet Explorer & Netscape Navigator. Bạn hãy copy đoạn Java script dán vào Notepad sau đó lưu lại thành file có đuôi .htm hoặc .html. Các bạn lưu ý: Khi tạo 1 image này các bạn cần tạo image này càng nhẹ nhàng chừng nào thì bông tuyết gơi càng nhẹ nhàng và uyển chuyển chừng đó, image này phải đạt mức độ trong suốt, kích thước bức ảnh càng nhỏ thì càng đỡ phải che mất chữ của bạn - Code:
-
<html>
<head>
<title>Hieu Ung Javascript Tuyet Dang Roi - Le Hu'ng Homepage</title>
</head>
<body>
<center> <script LANGUAGE="Javascript1.2">
<!-- Begin
var no = 25; // Số tuyết
var speed = 10; // Số càng nhỏ tuyết di chuyển(rơi) càng nhanh
var snowflake = "images/idcs.gif"; // Nơi đây chèn hình bông tuyết
var ns4up = (document.layers) ? 1 : 0; // Bộ duyệt tìm nạp vào
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // tọa độ và những vị trí thay đổi
var am, stx, sty; // Độ rộng và những bước thay đổi
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // những biến đổi toạ độ tập hợp
xp[i] = Math.random()*(doc_width-50); // tập hợp những thay đổi vị trí
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // tập hợp những thay đổi độ rộng
stx[i] = 0.02 + Math.random()/10; // tập hợp những thay đổi bước
sty[i] = 0.7 + Math.random(); //tập hợp những thay đổi bước
if (ns4up) { // những lớp tập hợp
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // hàm Netscape hoạt cảnh chính
for (i = 0; i < no; ++ i) { // vòng lặp cho mỗi điểm
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // hàm IE hoạt cảnh chính
for (i = 0; i < no; ++ i) { // vòng lặp cho mỗi điểm
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script> </body>
</html> 14. CoDe Hiện Ra Thông Báo Khi Vào Web .... - Code:
-
<script language=Javascript1.1> alert("Năm Mới Đến , Chẳng Có Gì Hơn Ngoài Những Lời Chúc ...!\n Chúc Các Bạn Đón Năm Mới Thêm 1 Tuổi Mới Tràn Đầy Hạnh Phúc ... \n Gặp Nhiều May Măn , Năm Mới Học Hành Tấn Tới , Niềm Vui Phơi Phới ..!\n Và Nhớ Ghé Thăm http://wWw.KyNiemB2.Top1.Vn Nhé ! Cảm Ơn Tất Cả Các Bạn - Đại Gia Đình 12B2 - THPT EaHLeo .!\nAdmin : Hồ Hoàng Vũ [ Bờm Pro ]-> Y!m: h0tb0y_t4ynguy3n_v1pb5 ... ^^! .\n Đị Xí Nha Bạn Dữ Liệu Đang Load Về Máy .................. "); </script> 15. CoDe Click Vào Link Và Đặt Web Bạn Làm Trang Chủ Trên IE - Code:
-
<a target="blank" <a style="text-decoration: none; " onclick="this.style.behavior='url(#default#homepag e)'; this.setHomePage('http://kyniemb2.InFo');" href="http://Link Web Cua Bạn "> 16. Code Ko Cho Save Web ... - Code:
-
<NOscript><IFRAME SRC=*.jpg></IFRAME></NOscript> 17. Hiện thông báo khi tắt trang web - Code:
-
<html> <head> <title> Bom Pr0 </title> <meta Name="GENERATOR" content="Microsoft FrontPage 5.0"> </head> <body onunload="window.alert(' Đồng Bào Chú Ý ...- Click http://wWw.KynIemB2.InFO !')"> </body> </html> http://helios.come.vn |
|