Các đoạn code javascript hay cho website pdf

14Tạo Một Trận Sao Rơi Bằng JavaScript 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.. Bạn hãy copy đoạn Java Script dán vào Notepad sau

Trang 1

Các đoạn code javascript hay cho

website

Trang 2

các đoạn code javascript hay cho website

1)Không Cho Click Chuột Phải

Trang 4

}

flash_title()

Trang 6

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)

Trang 7

alert("Giat Nhu Fiml Nha??!") tremmors()

Trang 10

var o6=(navigator.appName.indexOf("Opera") != -1)?true:false; var _d=(n4||ie)?'document.':'document.getElementById(" '; var _a=(n4||n6)?'':'all.';

Trang 11

for (inc=0; inc < num; inc++)

document.write('<layer'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>');

Trang 12

document.write("<div style='position:relative'>");

}

for (inc=0; inc < num; inc++)

document.write('<div style="position:absolute;top:0px;left:0px;width:'+ inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>');

Trang 15

go_x = Math.round(vel*Math.cos(angle*Math.PI/180)); py+=go_y;

Trang 17

puchtit=")«-»( :: Welcome To WwW.NhoOi.Kiss.To :: )«-»(";

Trang 19

ap = " PM";

}

if (hrNow >= 13) {

hour = hrNow - 12; }

if (mnNow <= 9) {

min = "0" + mnNow; }

else (min = mnNow)

if (scNow <= 9) {

secs = "0" + scNow;

Trang 20

+ "You have spent " + milliNow + " of those milliseconds on this page "

+ " About " + minsVisit + " minutes, and "

Trang 22

COLOR: #253d59; TEXT-DECORATION: none

SCROLLBAR-3DLIGHT-BODY {

SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR:

#ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff;

Trang 23

3DLIGHT-COLOR: #ffffff; ARROW-3DLIGHT-COLOR: #8b8b8b; TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #7a7a7a }

SCROLLBAR-</STYLE>

<! - Kieu Chu ->

<BODY>

<CENTER><B><FONT style="FONT-SIZE: 40pt" face="Comic Sans MS"

color=#ffff00>[</FONT><FONT style="FONT-SIZE: 40pt" face="Comic Sans MS"

color=#ff3333> <A href="http://www.kyniemb2.top1.vn/">w</A></FONT><A href="http://www.kyniemb2.top1.vn/"><FONT style="FONT-SIZE: 40pt"

face="Comic Sans MS" color=#cc00ff>W</FONT><FONT style="FONT-SIZE: 40pt"

face="Comic Sans MS" color=#ff3333>w.</FONT><FONT style="FONT-SIZE: 40pt"

face="Comic Sans MS">K<FONT color=#00ff00>y</FONT><FONT

color=#ff0000>Ni</FONT>e<FONT color=#ffff00>m</FONT><FONT

color=#cc00ff>B2</FONT>.T<FONT color=#00ff00>o</FONT>p<FONT

Trang 25

face="Tahoma">Trình duyệt sẽ tự động chuyển sang <b><font

color=blue>'+site+'</font></b> trong vòng <b><font color=red>'+c+'</font></b> giây nữa.<br></Font>';

document.getElementById("txt").innerHTML+='<strong ><a href="'+site+'"

Trang 26

color=#cc00ff>:</FONT><FONT color=#00ff00> </FONT><FONT

color=#ffff00>Hô`</FONT><FONT color=#00ff00> Ho</FONT>àng<FONT color=#00ff00>

</FONT><FONT color=#0000ff>Vũ</FONT><FONT color=#00ff00>

</FONT><FONT

color=#cc00ff>®</FONT><FONT color=#00ff00><BR></FONT></B><FONT color=#ffff00>Website</FONT><FONT color=#00ff00>

Trang 27

<! 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",

Trang 28

// *** must have exactly the same number of colors as the array above ***

var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa",

//add a background image if you want

// *** for no image, just leave empty quotes (ex cellbg=""; ) ***

Trang 30

else{cellbg="";}

function doPause(){

totality=false; t=setTimeout("changecolor()",pause); }

Trang 31

document.msgbg.document.write(cellcontent); document.msgbg.document.close();

document.msgfade.document.write(theMsg); document.msgfade.document.close();

Trang 32

t=setTimeout("changecolor()",50);}

if(document.layers){

document.msgfade.document.write(theMsg); document.msgfade.document.close();

Trang 33

if(icolor==colors1.length-1 && glowing==true){

getFadeColor(); glowing=false; totality=true;}

else if(icolor < colors1.length && glowing==true){

Trang 34

theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+";

width:"+spWidth+";'>"

theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> " theMsg+="</span>"

<! STEP THREE: Copy this code into the BODY of your HTML document >

<! Script Size: 5.17 KB >

Trang 35

10)Link đổi màu tự động

Trang 37

<! Be sure to include some links in your HTML page! >

<! Script Size: 0.98 KB >

11)Chữ vòng quanh theo con trỏ

<! Original: ThangBomBH ( thangbom_bh@yahoo.com) >

<! Web Site: 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;

Trang 38

for (i = 0; i < L; i++) {

document.write('<div 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>');

Trang 40

<! Original: ThangBomBH ( thangbom_bh@yahoo.com) >

<! Web Site: http://thangbombh.sg.st >

Trang 41

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'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>');

Trang 42

document.write('<div'+i+' style=& quot;position:absolute;top:0px;left:0px;

width:400px;height:20px"><font face='+FonT+' size='+SizE+'

Trang 44

text[3].style.pixelLeft = Dx; text[4].style.pixelTop = Ey; text[4].style.pixelLeft = Ex; }

Trang 45

13)Chuỗi các ngôi sao bay theo Mouse

Chú ý : Cần ảnh 6 ngôi sao , đặ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

<HTML>

<HEAD>

<TITLE>Hieu u'ng JavaScript - Le Quang Anh Hu'ng</TITLE>

charset=x-user-<META content="Microsoft FrontPage 4.0" name=GENERATOR>

Trang 46

<! 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("MSIE 4.5") != -1) version = 6;

sao)-HEIGHT: 10px; LEFT: 0px; POSITION: absolute; TOP: 1px; VISIBILITY:

visible; WIDTH: 10px; Z-INDEX: 100

}

Trang 49

</SCRIPT>

<script.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);");

Trang 50

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

Trang 51

{ //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"');

Trang 52

eval("document." + currentObj + ".left=e.pageX-0;");

eval("document." + currentObj + ".top=e.pageY+5;");

}

Trang 53

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;

Trang 54

14)Tạo Một Trận Sao Rơi Bằng JavaScript

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

Trang 55

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

var speed = 10; // Số càng nhỏ tuyết di chuyển(rơi) càng nhanh

var snowflake = "http://www.vn-zoom.com/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

Trang 56

var am, stx, sty; // Độ rộng và những bước thay đổi var i, doc_width = 800, doc_height = 600;

Trang 57

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

Trang 58

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);

Trang 59

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);

Trang 62

<body topmargin="0" leftmargin="0">

Trang 63

var xsImgTexts = new Array(" "," "," ");

var xsImgSize = new Array(focus_width, focus_height);

1 các bạn nên thay đổi các size chiều cao x chiều rộng nếu có thể tùy ý các bạn

16)Đặt bộ đếm trên trang Web

Ngay khi đưa trang web đầu tiên của mình lên Internet, bạn đã muốn biết có bao nhiêu người sẽ đến đọc trang web đó.Cũng như bạn,tôi đã từng sử dụng khá nhiều những bộ đếm miễn phí.Nhưng rồi không bằng lòng với những gì được cho không, cộng với chút công sức tìm hiểu, tôi đã tìm ra các làm bộ đếm cho mình

Trang 64

Vì bộ đếm này được biết bằng PHP nên điều kiện để bộ đếm hoạt động được

là website của bạn phải hỗ trợ PHP.Nếu muốn lưu giữ website miễn phí thì đây là một số nhà cung cấp dịch vụ lưu website có hỗ trợ PHP:

Bước 2:TÌm đến bị trí bạn muốn hiện bộ đếm và dán đoạn mã PHP dưới đây vào:

Trang 65

index.htm thì đổi thành index.php Có vậy thì sever mới hiểu và thi hành đoạn

mã để hiện bộ đếm

Bước 4: Tạo một tệp văn bản có tên index.log để lưu giá trị đếm.Nội dung tệp này là một con số bất kỳ mà bạn muốn bắt đầu cho bộ đếm của mình (ta hãy bắt đầu bằng con số 0).Nhớ dừng thêm dấu cách, Enter hay một ký tự nào khác ngoài con số trên

Bước 5:Upload tệp web chứa bộ đếm (index.php) và tệp index.log lên website của bạn và nhớ đặt thuộc tính cho tệp index.log là writable bằng lệnh chmod

777

Bầy giờ, hãy đánh địa chỉ tệp web của mình trong trình duyệt, bạn sẽ thấy trang web hiện lên cùng với bộ đếm.Mỗi lần bạn nhấn nút Refresh thì bộ đếm lại tăng lên 1 đơn vị

Nay ta hãy nhìn sâu vào đoạn mã PHP một chút Nguyên lý chung của các bộ đếm là lưu giá trị đếm vào một tệp riêng, mỗi lần có người truy cập đến tệp web là sẽ đọc giá trị lưu trong tệp đếm, tăng thêm 1, ghi lại vào tệp đếm và hiện giá trị đó lên màn hình

Trước hết ta cần cho chương trình biết giá trị đếm được lưu ở đâu hay nói cách khác, tên tệp lưu giá trị đếm là gì:

$CountFile = "index.log";

Dùng các hàm xử lý tệp do PHP cung cấp, ta lần lượt mở tệp ở chế độ đọc("r"

có nghĩa là "reading") và gán con trỏ tệp cho biến $CF:

$CF = fopen($CountFile,"r");

Định dạng
Số trang	76
Dung lượng	306,9 KB