• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Share Chuỗi các ngôi sao bay theo Mouse

htnkenji

New Member
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.

<?php
//--Code-->
<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 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"><img src="http://www.vn-zoom.com/images/trailgif1.gif"height="10"width="10"border="0"name= "trailSprite1img"></div><div id="trailSprite2"><img src="http://www.vn-zoom.com/images/trailgif2.gif"height="10"width="10"border="0"name= "trailSprite2img"></div><div id="trailSprite3"><img src="http://www.vn-zoom.com/images/trailgif3.gif"height="10"width="10"border="0"name= "trailSprite3img"></div><div id="trailSprite4"><img src="http://www.vn-zoom.com/images/trailgif4.gif"height="10"width="10"border="0"name= "trailSprite4img"></div><div id="trailSprite5"><img src="http://www.vn-zoom.com/images/trailgif5.gif"height="10"width="10"border="0"name= "trailSprite5img"></div><div id="trailSprite6"><img src="http://www.vn-zoom.com/images/trailgif6.gif"height="10"width="10"border="0"name= "trailSprite6img"></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.scrol lTop+5;");

}

}

function shuffleQueue()

{

lastItemPos = queue.length - 1;

lastItem = queue[lastItemPos];

for (i = lastItemPos; i>0; i--)

queue = 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>
//--/Code-->
?>
Có hướng dẫn trong code rồi luôn đó. Chúc mọi người vui vẻ!
 
Cô bác đi qua,đi lại bấm nút thank giúp cháu để cháu có host làm forum đi.
 

Facebook Comments

Similar threads
Thread starter Title Forum Replies Date
Admin Bài 2: Khái niệm biến, hằng, chuỗi và các kiểu dữ liệu PHP PHP 0
T 50 ngân hàng sử chuỗi khối R3 ở 27 quốc gia để mô phỏng giao dịch Tin tức CNTT 0
T Nâng cấp chuỗi cung ứng bằng giải pháp Blockchain Tin tức CNTT 0
T 2019, Blockchain viết lên kỷ nguyên mới cho chuỗi cung ứng ? Tin tức CNTT 0
N Ưu đãi trên mConnect tại chuỗi nhà hàng Golden Gate Thông tin các mạng di động 3
Admin Hướng dẫn tách chuỗi sử dụng explode() chi tiết PHP 1
H Chiến thần online : Chuỗi sự kiện giảm giá phù văn Điện thoại di động 2
H Chiến thần online : Chuỗi sự kiện máy chủ ares Thảo luận chung 0
luongchungls Android Game Avatar - Chuỗi sự kiện chào mừng sinh nhật lần thứ 3 cực hottttttttt!!1 Crack, hack, mod, ghép game, ứng dụng 1
H CHIẾN THẦN ONLINE – Chuỗi sự kiện máy chủ mới Poseidon Tin tức CNTT 0
H CHIẾN THẦN ONLINE – Chuỗi sự kiện Vô địch đấu trường Thảo luận chung 0
H CHIẾN THẦN ONLINE- Chuỗi sk thăng cấp công hội Thảo luận chung 0
Admin Tạo chuỗi ngẫu nhiên với PHP căn bản PHP 0
B [game mobile] Chuỗi sự kiện Hành Trình Dũng Sĩ Android, ios, java, windows phone 0
H CHIẾN THẦN ONLINE - Chuỗi sk Hành Trình Dũng Sĩ Trò chơi 0
B [game mobile] Chuỗi sự kiện Chiến binh quả cảm Android, ios, java, windows phone 0
B [game mobile] Chuỗi sự kiện Mùa hè sôi động Android, ios, java, windows phone 0
P [Game mobile] ChiếnThần Online – Chuỗi sự kiện Đại Hội Quần Hùng Tin tức, giới thiệu về ĐTDĐ 2
B [Game mobile] Chiến Thần Online – Chuỗi sự kiện Đại Hội Quần Hùng Android, ios, java, windows phone 1
B [Game mobile] Chuỗi sự kiện Quần Anh Hội Tụ - Chiến Thần Online Android, ios, java, windows phone 0
F CÁC WEBSITE TÀI NGUYÊN THIẾT KẾ MIỄN PHÍ CHO DESIGNER Tin tức, sự kiện thường ngày 0
L các bác cho em hỏi e muốn rút tiền từ paypal về vietinbank Thảo luận chung 2
F 10 Lý Do Các Nhà Phát Hành Game – Ứng Dụng – Nội Dung Nên Sử Dụng Gói Directlink của Fshare Tin tức CNTT 0
katy Android Các gói Buffet MobiFone ưu đãi ngất trời giá chỉ 10k/ngày Điện thoại di động 6
katy Android MXH80 – Gói cước dành riêng cho các tín đồ Youtube Điện thoại di động 14
hellonhe forummmo.com cần tuyển admin, mod và các đại ca cntt Tin tức, sự kiện thường ngày 0
F [Fshare.vn] – Ưu đãi lên đến 30% tất cả các gói dịch vụ Tin tức CNTT 0
katy Android Điểm danh các gói cước Data 4G “HD” ưu đãi khủng của MobiFone Điện thoại di động 0
katy Android MobiFone điều chỉnh các gói cước data di động theo quy định mới Điện thoại di động 0
katy Hướng dẫn MobiFone cảnh báo khách hàng trước các cuộc gọi lạ yêu cầu chuẩn hóa thông tin Điện thoại di động 5
katy Android Đổi điểm tích lũy MobiFone lấy Datacode và các sản phẩm dịch vụ Điện thoại di động 13
G Các gói combo mới nhất của viettel Mạng internet 0
donbaclieu Nhận đặt tiệc buffet, tea break, finger food, cocktail, set menu cho các sự kiện công ty và gia đình Trò chuyện linh tinh 13
katy Android Tặng 50% thẻ nạp cho Khách hàng khi sử dụng các dịch vụ của MobiFone Điện thoại di động 7
katy Android MobiFone giảm từ 200.000 đồng các cho thuê bao gia hạn gói cước dài kỳ Điện thoại di động 31
F FSTORAGE – Giải pháp lưu trữ cho các doanh nghiệp mô hình SMEs Tin tức, sự kiện thường ngày 0
H Chia sẻ phần mềm giúp con học Online tại nhà hiệu quả cho các bậc phụ huynh Tin tức CNTT 0
H Phần mềm PC Phần mềm số một trong việc chặn các web đen, web game độc hại gây ảnh hưởng đến con trẻ Phần mềm 0
H Xin ý kiến các cao nhân Tin tức CNTT 0
tunglamed Các cách đổi esim MobiFone và cảnh báo lừa đảo chiếm đoạt sim thông qua đổi esim Thông tin các mạng di động 0
huongbtph Các lỗi bảo mật website thường gặp Kiến thức lập trình 0
tunglamed MOBIEDU dành tặng ưu đãi tri ân các thầy cô nhân dịp 20/11 Điện thoại di động 0
L Xin xin các pro giúp vBulletin Vbulletin 3
tm02019 Xin source Full wordpress cho web giới thiệu về các dịch vụ dạy online Wordpress 0
tunglamed MobiFone tặng thêm ngày sử dụng cho các thuê bao trả trước tại các vùng dịch Điện thoại di động 8
tunglamed MobiFone tặng miễn phí 50 phút thoại cho các tỉnh giãn cách theo Chỉ thị 16 Điện thoại di động 7
tunglamed Mưa Voucher giải nhiệt mùa hè dành riêng cho các Khách hàng của MobiFone Điện thoại di động 9
tunglamed Ưu đãi hấp dẫn chào hè dành cho các thuê bao MobiFone gọi thoại quốc tế Điện thoại di động 4
tunglamed MobiFone tặng gói cước sinh nhật SN28 cho các thuê bao thay sim 4G Điện thoại di động 0
lancan Hướng dẫn Windows 10: Thu nhỏ tất cả các cửa sổ khác ngoại trừ một cái đang sử dụng Thủ thuật máy tính 0

Similar threads

New posts New threads New resources

Back
Top