1. Reklam


    1. joysro
      ledas
      jungler
      keasro
      zeus
      karantina

HTML|İki tane fare efekti kodu


  1. Narqotic

    Narqotic Bilgiliyim rank8

    Kayıt:
    22 Nisan 2007
    Mesajlar:
    1.365
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    !!!
    Şehir:
    BeN SeNiN CaNıN İçİN ÖmRüMü BiR KiBRiTiN KaBıNDa T
    Henüz test etmedim,umarım herhangi bir hata oluşmaz.

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


    Kod:
    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.onMouseMove = MoveHandler; 
    } else { 
    document.onmousemove = MoveHandlerIE; 
    } 
    
    
    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

    Kod:
    <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 font='Verdana,Arial';
    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[i]+'</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[i]+'</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.onMouseMove=Mouse:document.onmousemove=Mouse;
    y=new Array();
    x=new Array();
    Y=new Array();
    X=new Array();
    for (i=0; i < n; i++){
    	y[i]=0;
    	x[i]=0;
    	Y[i]=0;
    	X[i]=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[i].style;
    		d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
    		d.left=x[i]+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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
    		x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
    
    	}
    	makecircle();
    	// not rotation speed, leave at zero
    	setTimeout('drag()',10);
    }
    if (ns||ie)window.onload=drag;
    
    // -->
    </SCRIPT>
     
  2. OreNeN

    OreNeN Öğretiyorum rank8

    Kayıt:
    24 Haziran 2007
    Mesajlar:
    848
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Şehir:
    Kendi Dünyasında
    Sen bunları kendinmi yazıyorsun yoksa alıntımı yapıyorun?
    bu arada emeğine sağlık...
     
  3. Narqotic

    Narqotic Bilgiliyim rank8

    Kayıt:
    22 Nisan 2007
    Mesajlar:
    1.365
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    !!!
    Şehir:
    BeN SeNiN CaNıN İçİN ÖmRüMü BiR KiBRiTiN KaBıNDa T
    biraz alıntı biraz ben Wink