Bang hộiTiền mặt: 0 Xu Trò chơiHộp quà giáng sinhThứ Sáu, 20:11:26 - 29/11/2024
Chia sẻ kiến thức lập trình HTML / CSS / JavaScript

Các điều hành viên: Admin, Mod, SMod

Share code JavaScript hiệu ứng 3 màu quay xung quanh chuột

Share code JavaScript hiệu ứng 3 màu quay xung quanh chuột

#1 » Gửi bài gửi bởi Vuonghh1998 » 23/02/2016 05:23 » @434972

Copy code này, cho vào 1 file .js rồi up lên web của bạn.
Thêm đoạn code
Mã: Chọn tất cả
<?php
<script language="javascript" type="text/javascript" src="link tới file.js"></script>
?>

vào bất cứ đâu trong web của bạn.

<?php
if ( navigator.appName == 'Netscape' ) {
if  ((
document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){

//Configure here...

var xCol "#7E9EE5";
var 
yCol "#E27B14";
var 
zCol "#15D108";
var 
5;   //number of dots per trail.
var 40;  //setTimeout speed.
var 0.15//effect speed.

//End.

var r,h,w;
var 
document;
var 
my 10;
var 
mx 10;
var 
stp 0;
var 
evn 360/3;
var 
vx = new Array();
var 
vy = new Array();
var 
vz = new Array();
var 
dy = new Array();
var 
dx = new Array();

var 
pix "px";

var 
strictmod = ((document.compatMode) && 
document.compatMode.indexOf("CSS") != -1);


var 
domWw = (typeof window.innerWidth == "number");
var 
domSy = (typeof window.pageYOffset == "number");
var 
idx d.getElementsByTagName('div').length;

for (
0ni++){
var 
dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'

+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'

+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (
domWwwindow;
else{ 
  if (
d.documentElement && 
  
typeof d.documentElement.clientWidth == "number" && 
  
d.documentElement.clientWidth != 0)
  
d.documentElement;
 else{ 
  if (
d.body && 
  
typeof d.body.clientWidth == "number")
  
d.body;
 }
}


function 
winsize(){
var 
oh,sy,ow,sx,rh,rw;
if (
domWw){
  if (
d.documentElement && d.defaultView && 
  
typeof d.defaultView.scrollMaxY == "number"){
  
oh d.documentElement.offsetHeight;
  
sy d.defaultView.scrollMaxY;
  
ow d.documentElement.offsetWidth;
  
sx d.defaultView.scrollMaxX;
  
rh oh-sy;
  
rw ow-sx;
 }
 else{
  
rh r.innerHeight;
  
rw r.innerWidth;
 }
rh
rw;
}
else{
r.clientHeight
r.clientWidth;
}
}


function 
scrl(yx){
var 
y,x;
if (
domSy){
 
r.pageYOffset;
 
r.pageXOffset;
 }
else{
 
r.scrollTop;
 
r.scrollLeft;
 }
return (
yx == 0)?y:x;
}


function 
mouse(e){
var 
msy = (domSy)?window.pageYOffset:0;
if (!
ewindow.event;    
 if (
typeof e.pageY == 'number'){
  
my e.pageY msy 16;
  
mx e.pageX 6;
 }
 else{
  
my e.clientY msy 16;
  
mx e.clientX 6;
 }
if (
my h-65my h-65;
if (
mx w-50mx w-50;
}



function 
assgn(){
for (
03j++){
 
dy[j] = my 50 Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix;
 
dx[j] = mx 50 Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (
0ni++){
 if (
n-1){
  
vx.top vx[i+1].topvx.left vx[i+1].left
  
vy.top vy[i+1].topvy.left vy[i+1].left;
  
vz.top vz[i+1].topvz.left vz[i+1].left;
 } 
 else{
  
vx.top dy[0]; vx.left dx[0];
  
vy.top dy[1]; vy.left dx[1];
  
vz.top dy[2]; vz.left dx[2];
  }
 }
setTimeout(assgn,t);
}


function 
init(){
for (
0ni++){
 
vx document.getElementById("x"+(idx+i)).style;
 
vy document.getElementById("y"+(idx+i)).style;
 
vz document.getElementById("z"+(idx+i)).style;
 }
winsize();
assgn();
}


if (
window.addEventListener){
 
window.addEventListener("resize",winsize,false);
 
window.addEventListener("load",init,false);
 
document.addEventListener("mousemove",mouse,false);
}  
else if (
window.attachEvent){
 
window.attachEvent("onload",init);
 
document.attachEvent("onmousemove",mouse);
 
window.attachEvent("onresize",winsize);


})();
}
//End.
}
?>



Chúc thành công!

Những người đã like Vuonghh1998 bởi bài viết có ích này:
Tamhoangdk
Vuonghh1998
Hình đại diện của thành viên
Rank: ☀️9/30☀️
Cấp độ:
Tu luyện:
Like:
Online:
Bang hội: Trảm Phong
Xếp hạng Bang hội: ⚡1/249⚡
Level:
Chủ đề đã tạo: 🩸283/4141🩸
Tiền mặt:
Ngân hàng:
Nhóm:
Danh hiệu: ?????
Giới tính:
Ngày tham gia:
Đến từ:
Số điện thoại:
(Nokia c2-01)


Quay về HTML / CSS / JavaScript

 


  • Chủ đề tương tự
    Trả lời
    Xem
    Bài viết mới nhất