CHINH PHỤC
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.
CHINH PHỤC

Cộng đồng Forumotion Việt Nam

Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến

3 posters

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Code, Javascript, CSS

Go down

[JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến Empty [JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến

Bài gửi by Ga 28/8/2008, 11:51 am

Mình có 2 cách, JAVA và CSS, ở bõ nay mình sẽ post cách JAVA chỉ cần dùng đoạn code sau:

Tất nhiên, sử dụng JAVA site của bạn sẽ load lâu hơn, còn mình thì dùng CSS, rất đơn giản.

Bạn cũng có thể tinh chỉnh các thông số trong code như thay hình nền chẳng hạn.

Demo: http://a3k43.net

Nếu bạn thấy code dài và phức tạp thì làm cách này:
CSS: http://chinhphuc.info/forum-f18/topic-t1285.htm#6806

Code:

<!-- Use this as your body tag. You can see demo from http://ak43.net -->
<body onBlur="if (!Netscape6) pre_load()">

<!-- Paste script in head -->
<script language="Javascript">
<!-- Tinh chinh cac thong so hop ly ban se co nhung gi theo y thich
var num=7; //Number of bats
//Nothing needs altering past here....................
/*
script disabled for Netscape 6
due to ugly scrollbar activety
*/
var Netscape6=false;
if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5)
Netscape6=true;
if (!Netscape6){
var pics=new Array("http://files.myopera.com/bhtktm/files/bat2.gif","h ttp://files.myopera.com/bhtktm/files/bat3.gif","ht tp://files.myopera.com/bhtktm/files/bat2.gif","htt p://files.myopera.com/bhtktm/files/bat1.gif");
var load=new Array();
function pre_load(){
for(i=0; i < pics.length; i++){
load[i]=new Image();
load[i].src=pics[i];
}
}
pre_load();
var n4=(document.layers);
var o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
var ie=(document.all);
var y=0;
var x=0;
var yb=0;
var xb=0;
var s0=0;
var s1=0.5;
var s2=1;
var cnt=new Array(0,1,2)
var mix=new Array();
for (i=0; i < num; i++)
mix[i]=cnt[Math.floor(Math.random()*cnt.length)];
var del=0.1;
var y1=new Array();
var x1=new Array();
var y2=new Array();
var x2=new Array();
for (i=0; i < num; i++){
y1[i]=0;
x1[i]=0;
y2[i]=0;
x2[i]=0;
}
if (n4){
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e){
y = e.pageY-window.pageYOffset;
x = e.pageX;
}
window.onMouseMove=mouse1;
}
if (ie||o6){
function mouse2(){
y = (ie)?event.clientY:event.clientY-window.pageYOffset;
x = event.clientX;
}
document.onmousemove=mouse2;
}
if (n4){
for (i=0; i < num; i++)
document.write("<LAYER NAME='bats"+i+"' LEFT=0 TOP=-50><img name='temp"+i+"' src="+pics[0]+"></LAYER>");
}
if (ie){
document.write('<div id="con" style="position:absolute;top:-50px;left:0px"><div style="position:relative">');
for (i=0; i < num; i++){
document.write('<img id="bats'+i+'" src="'+pics[0]+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
if (o6){
for (i=0; i < num; i++)
document.write("<div id='bats"+i+"' style='position:absolute;top:-50px;left:0px'><img name='temp"+i+"' src="+pics[0]+"></div>");
}
function swirl(){
if (ie) con.style.top=document.body.scrollTop;
sy=(!ie)?window.pageYOffset:0;
yb=(ie)?window.document.body.offsetHeight/3:window .innerHeight/3;
xb=(ie)?window.document.body.offsetWidth/7:window. innerWidth/7;
for (i=0; i < num; i++){
var t=(n4)?document.layers["bats"+i]:document.getElementById("bats"+i).style;
t.top = y1[i]+yb*Math.sin(((s0)+i*3.7)/4)*Math.cos((s0+i*35)/20 )+sy;
t.left =x1[i]+xb*Math.cos(((s0)+i*3.7)/4)*Math.cos((s0+i*35)/62 );
}
s0+=s1;
}
function animate(){
var i_or_o=(ie)?"bats":"temp";
for (i=0; i < num; i++){
if (mix[i] == pics.length) mix[i]=0;
if (n4) document.layers['bats'+i].document.images['temp'+i].src=pics[mix[i]];
else document.images[i_or_o+i].src=pics[mix[i]];
mix[i]+=s2;
}
swirl();
}
function follow(){
y1[0]=Math.round(y2[0]+=((y)-y2[0])*del);
x1[0]=Math.round(x2[0]+=((x)-x2[0])*del);
for (i=1; i < num; i++){
y1[i]=Math.round(y2[i]+=(y1[i-1]-y2[i])*del);
x1[i]=Math.round(x2[i]+=(x1[i-1]-x2[i])*del);
}
animate();
setTimeout('follow()',20);
}
function startit(){
setTimeout('follow()',1000);
}
window.onload=startit;
}
//-->
</script>


Được sửa bởi Ga ngày 28/8/2008, 3:32 pm; sửa lần 2.
Ga
Ga
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 23/07/2008
Số bài : 59
CPP : 8
Châm ngôn sống : Sống, ấy là chiến đấu !

http://a3k43.net

Về Đầu Trang Go down

[JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến Empty Re: [JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến

Bài gửi by CPFounder 28/8/2008, 11:59 am

Cộng 10 đ cùng với cái CSS kia. Cố gắng phát huy em nhé.
CPFounder
CPFounder
CPAdministrator
CPAdministrator

Firefox PunBB
Ngày đăng ký : 09/04/2008
Số bài : 6169
CPP : 3352
Châm ngôn sống : Vì tương lai Chinh phục chúng ta

http://www.chinhphuc.info

Về Đầu Trang Go down

[JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến Empty Re: [JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến

Bài gửi by mrlong5656 28/8/2008, 4:07 pm

Cho em hỏi cái Code trên chèn vào đâu ạh ???
mrlong5656
mrlong5656
CPMember
CPMember

No choice Ngày đăng ký : 25/08/2008
Số bài : 245
CPP : 26
Châm ngôn sống : Tàn Sát Thế Gian.... Đại Ca Tổ Quốc

http://gameclub.9forum.info/

Về Đầu Trang Go down

[JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến Empty Re: [JAVA]Tạo các loại hiệu ứng của link khi rê chuột đến

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Code, Javascript, CSS

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