Icerige atla
Extraloob

HTML|İki tane fare efekti kodu

· 3 Yanıt · 2.1K görüntüleme

💎 Bounty Yerleştir

Reputation puanından düşülür ve en iyi cevap işaretlenince transfer edilir.

Mevcut reputation puanın -

Ana Sayfada Sabitle

Sabitleme Süresi

Konuyu Sil

Konuyu Taşı
N
Narqotic OP ⭐ 19y
#1
Henüz test etmedim,umarım herhangi bir hata oluşmaz.

Bu kodda fare etrafında lastik kutular dönüyo


Kod:
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot1" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot2" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot3" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot4" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot5" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 
<div id="dot6" style="position: absolute; height: 11; width: 11;"> 
<img src="bullet.gif" height=11 width=11> 
</div> 

<script LANGUAGE="JavaScript"> 
<!-- hide code 

var nDots = 7; 

var Xpos = 0; 
var Ypos = 0; 

// fixed time step, no relation to real time 
var DELTAT = .01; 
// size of one spring in pixels 
var SEGLEN = 10; 
// spring constant, stiffness of springs 
var SPRINGK = 10; 
// all the physics is bogus, just picked stuff to 
// make it look okay 
var MASS = 1; 
// Positive XGRAVITY pulls right, negative pulls left 
// Positive YGRAVITY pulls down, negative up 
var XGRAVITY = 0; 
var YGRAVITY = 50; 
// RESISTANCE determines a slowing force proportional to velocity 
var RESISTANCE = 10; 
// stopping criterea to prevent endless jittering 
// doesn't work when sitting on bottom since floor 
// doesn't push back so acceleration always as big 
// as gravity 
var STOPVEL = 0.1; 
var STOPACC = 0.1; 
var DOTSIZE = 11; 
// BOUNCE is percent of velocity retained when 
// bouncing off a wall 
var BOUNCE = 0.75; 

var isNetscape = navigator.appName=="Netscape"; 

// always on for now, could be played with to 
// let dots fall to botton, get thrown, etc. 
var followmouse = true; 

var dots = new Array(); 
init(); 

function init() 
{ 
var i = 0; 
for (i = 0; i < nDots; i++) { 
dots = new dot(i); 
} 

if (!isNetscape) { 
// I only know how to read the locations of the 
// <LI> items in IE 
//skip this for now 
// setInitPositions(dots) 
} 

// set their positions 
for (i = 0; i < nDots; i++) { 
dots.obj.left = dots.X; 
dots.obj.top = dots.Y; 
} 


if (isNetscape) { 
// start right away since they are positioned 
// at 0, 0 
startanimate(); 
} else { 
// let dots sit there for a few seconds 
// since they're hiding on the real bullets 
setTimeout("startanimate()", 1000); 
} 
} 



function dot(i) 
{ 
this.X = Xpos; 
this.Y = Ypos; 
this.dx = 0; 
this.dy = 0; 
if (isNetscape) { 
this.obj = eval("document.dot" + i); 
} else { 
this.obj = eval("dot" + i + ".style"); 
} 
} 


function startanimate() { 
setInterval("animate()", 20); 
} 


// This is to line up the bullets with actual LI tags on the page 
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why 
// Still doesn't work great 
function setInitPositions(dots) 
{ 
// initialize dot positions to be on top 
// of the bullets in the <ul> 
var startloc = document.all.tags("LI"); 
var i = 0; 
for (i = 0; i < startloc.length && i < (nDots - 1); i++) { 
dots[i+1].X = startloc.offsetLeft 
startloc.offsetParent.offsetLeft - DOTSIZE; 
dots[i+1].Y = startloc.offsetTop + 
startloc.offsetParent.offsetTop + 2*DOTSIZE; 
} 
// put 0th dot above 1st (it is hidden) 
dots[0].X = dots[1].X; 
dots[0].Y = dots[1].Y - SEGLEN; 
} 

// just save mouse position for animate() to use 
function MoveHandler(e) 
{ 
Xpos = e.pageX; 
Ypos = e.pageY; 
return true; 
} 

// just save mouse position for animate() to use 
function MoveHandlerIE() { 
Xpos = window.event.x + document.body.scrollLeft; 
Ypos = window.event.y + document.body.scrollTop; 
} 

if (isNetscape) { 
document.captureEvents(Event.MOUSEMOVE); 
document. 
} else { 
document. 
} 


function vec(X, Y) 
{ 
this.X = X; 
this.Y = Y; 
} 

// adds force in X and Y to spring for dot on dot[j] 
function springForce(i, j, spring) 
{ 
var dx = (dots.X - dots[j].X); 
var dy = (dots.Y - dots[j].Y); 
var len = Math.sqrt(dx*dx + dy*dy); 
if (len > SEGLEN) { 
var springF = SPRINGK * (len - SEGLEN); 
spring.X += (dx / len) * springF; 
spring.Y += (dy / len) * springF; 
} 
} 


function animate() { 
// dots[0] follows the mouse, 
// though no dot is drawn there 
var start = 0; 
if (followmouse) { 
dots[0].X = Xpos; 
dots[0].Y = Ypos; 
start = 1; 
} 

for (i = start ; i < nDots; i++ ) { 

var spring = new vec(0, 0); 
if (i > 0) { 
springForce(i-1, i, spring); 
} 
if (i < (nDots - 1)) { 
springForce(i+1, i, spring); 
} 

// air resisitance/friction 
var resist = new vec(-dots.dx * RESISTANCE, 
-dots.dy * RESISTANCE); 

// compute new accel, including gravity 
var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY, 
(spring.Y + resist.Y)/ MASS + YGRAVITY); 

// compute new velocity 
dots.dx += (DELTAT * accel.X); 
dots.dy += (DELTAT * accel.Y); 

// stop dead so it doesn't jitter when nearly still 
if (Math.abs(dots.dx) < STOPVEL && 
Math.abs(dots.dy) < STOPVEL && 
Math.abs(accel.X) < STOPACC && 
Math.abs(accel.Y) < STOPACC) { 
dots.dx = 0; 
dots.dy = 0; 
} 

// move to new position 
dots.X += dots.dx; 
dots.Y += dots.dy; 

// get size of window 
var height, width; 
if (isNetscape) { 
height = window.innerHeight + window.pageYOffset; 
width = window.innerWidth + window.pageXOffset; 
} else { 
height = document.body.clientHeight + document.body.scrollTop; 
width = document.body.clientWidth + document.body.scrollLeft; 
} 

// bounce off 3 walls (leave ceiling open) 
if (dots.Y >= height - DOTSIZE - 1) { 
if (dots.dy > 0) { 
dots.dy = BOUNCE * -dots.dy; 
} 
dots.Y = height - DOTSIZE - 1; 
} 
if (dots.X >= width - DOTSIZE) { 
if (dots.dx > 0) { 
dots.dx = BOUNCE * -dots.dx; 
} 
dots.X = width - DOTSIZE - 1; 
} 
if (dots.X < 0) { 
if (dots.dx < 0) { 
dots.dx = BOUNCE * -dots.dx; 
} 
dots.X = 0; 
} 

// move img to new position 
dots.obj.left = dots.X; 
dots.obj.top = dots.Y; 
} 
} 

// end code hiding --> 
</script>

Bu koddaysa güzel bi mouse efekti var

<SCRIPT LANGUAGE="JavaScript1.2">
<!--//

//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more

// your message here
var msg='buraya yazın';

var f;
var size=3; // up to seven
var color='#000000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length; 
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
	if (ns){
	for (i=0; i < n; i++)
		document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg+'</font></center></layer>');
	}
	if (ie){
		document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
		for (i=0; i < n; i++)
			document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg+'</font></div>');
			document.write('</div></div>');
	}
	(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
	ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
	xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie)
(ns)?window.
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
	y=0;
	x=0;
	Y=0;
	X=0;
}

function makecircle(){ // rotation properties
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
	for (i=0; i < n; i++){ // makes the circle
		var d=(ns)?document.layers['nsmsg'+i]:iemsg.style;
		d.top=y+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
		d.left=x+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
	}
}

function drag(){ // makes the resistance
	scrll=(ns)?window.pageYOffset:0;
	y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
	x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
	for (var i=1; i < n; i++){
		y=Math.round(Y+=(y[i-1]-Y)*speed);
		x=Math.round(X+=(x[i-1]-X)*speed);

	}
	makecircle();
	// not rotation speed, leave at zero
	setTimeout('drag()',10);
}
if (ns||ie)window.

// -->
</SCRIPT>

Tepkiler

Henüz kimse tepki vermedi
3 Yanıt
O
OreNeN ⭐ 19y
#2
Sen bunları kendinmi yazıyorsun yoksa alıntımı yapıyorun?
bu arada emeğine sağlık...

Tepkiler

Henüz kimse tepki vermedi
N
Narqotic OP ⭐ 19y
#3

Sen bunları kendinmi yazıyorsun yoksa alıntımı yapıyorun?
bu arada emeğine sağlık...


biraz alıntı biraz ben Wink

Tepkiler

Henüz kimse tepki vermedi

Yanıt yazmak için giriş yapın.

Giriş Yap

Mesajı sil

Bu işlem geri alınamaz. Silme nedenini yazın.
Paylaş:

Benzer Konular

!!! Bir veya İki tane Global Moderatör Arıyoruz !!! HTML blockquote kodu için yardım iki tane el yakma acmak vurusu azaltır mı? kSrodan çektiğim iki tane süper ss ^^ Basit HTML[HTML nedir,Basit html kabuğu nasıl oluşturulur]

Düzenleme Geçmişi