Ergebnis 1 bis 9 von 9

Thema: Bild als Mausverfolger

  1. #1
    Interessierte/r
    Registriert seit
    04.11.2006
    Beiträge
    135
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bild als Mausverfolger

    Wie mache ich ein bild zum Mausverfolger?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Themenstarter

    Registriert seit
    04.11.2006
    Beiträge
    135
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kann mir keiner helfen?

  3. #3
    Meister(in)
    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Doch bestimmt kann dir einer helfen - wir müssen nur checken was du willst

    Was zum Beispiel ist ein Mausverfolger

    Willst du das Aussehen deines Maus-Cursors ändern? Suchst du einen hover-Effekt oder doch lieber ein onMouseover? Programmierst du gerade einen neuartigen Mausverfolger?

    Tut mir Leid, aber ich kapier nicht was du willst. Poste doch mal einen Link zu deiner url und versuch mal verständlich klarzumachen was du erreichen willst - das dürfte helfen...

    Gruß,
    Questionmark


  4. #4
    Interessierte/r
    Themenstarter

    Registriert seit
    04.11.2006
    Beiträge
    135
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    eigentlich beides was du gerad4e gesagt hast

  5. #5
    Meister(in)
    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vielleicht bin ich total blöd , aber ich raff's nicht...

    Habe auch 4 Sachen vorgeschlagen und komm da mit "beides" nicht weiter...

    Also willst du:

    1) CSS - hover
    2) Maus-Cursor ändern
    3) Java-Script - onMouseover
    4) deinen eigenen Mausverfolger programmieren

    Schreib in deine nächste Antwort einfach die entsprechenden Ziffern

    Questionmark


  6. #6
    Interessierte/r
    Themenstarter

    Registriert seit
    04.11.2006
    Beiträge
    135
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    4) und mauszeiger ändern

  7. #7
    Meister(in)
    Registriert seit
    11.10.2006
    Beiträge
    299
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ehrlich gesagt war 4) eigentlich nicht ganz so ernst gemeint...

    Also hier mal was meinem Wissen nach geht:

    Den kompletten Zeiger kannst du meiner Meinung nicht verändern, denn der ist ja irgendwo in deinem Betriebssystem festgelegt und kann auch nur geändert werden wenn man in den entsprechenden Ordner andere Symbole lädt.

    Was du ändern kannst ist der "Mausmodus" oder wie auch immer du das nennen willst. Also dass anstatt nur deinem Cursor der Cursor mit Fragezeichen erscheint wenn du ihn beispielshalber über einen Hilfe Link hälst erreichst du so:

    Code:
    Hilfe
    Keine Gewähr für die Funktion, hab's noch nie getestet, nur irgendwo mal gelesen...

    Gruß,
    Questionmark


  8. #8
    Interessierte/r
    Themenstarter

    Registriert seit
    04.11.2006
    Beiträge
    135
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    guck dir ma diese homepage an www.dragonballgt.it siehste da am mauszeiger diese kugeld die die maus immer folgen. das will ich auch machen.

  9. #9
    Kaiser(in)
    Registriert seit
    09.12.2005
    Alter
    29
    Beiträge
    2.496
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    bitte:

    Code:
    <div id="dot0" style="position&#58; absolute; visibility&#58; hidden; height&#58; 27; width&#58; 27;">[img]files/img/mouse.gif[/img]</div>
    <div id="dot1" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse1.gif[/img]</div>
    <div id="dot2" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse2.gif[/img]</div>
    <div id="dot3" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse3.gif[/img]</div>
    <div id="dot4" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse4.gif[/img]</div>
    <div id="dot5" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse5.gif[/img]</div>
    <div id="dot6" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse6.gif[/img]</div>
    <div id="dot7" style="position&#58; absolute; height&#58; 27; width&#58; 27;">[img]files/img/mouse7.gif[/img]</div>
    
    
    <SCRIPT LANGUAGE="JavaScript">
    	<!-- Begin
    	var nDots = 8;
    	var Xpos = 0;
    	var Ypos = 0;
    	
    	var DELTAT = .02;
    	var SEGLEN = 15;
    	var SPRINGK = 9;
    	var MASS = 0.75;
    	var GRAVITY = 50;
    	var RESISTANCE = 9;
    	var STOPVEL = 0.1;
    	var STOPACC = 0.1;
    	var DOTSIZE = 27;
    	var BOUNCE = 1;
    	var isNetscape = &#40;navigator.appName!="Microsoft Internet Explorer"&#41;;
    	var followmouse = true;
    	var dots = new Array&#40;&#41;;
    	init&#40;&#41;;
    	
    	function init&#40;&#41; &#123;
    		var i = 0;
    		for &#40;i = 0; i < nDots; i++&#41; &#123;
    			dots&#91;i&#93; = new dot&#40;i&#41;;
    		&#125;
    		if &#40;!isNetscape&#41; &#123;
    			// I only know how to read the locations of the 
    			// <LI> items in IE
    			//skip this for now
    			// setInitPositions&#40;dots&#41;
    		&#125;
    		for &#40;i = 0; i < nDots; i++&#41; &#123;
    			dots&#91;i&#93;.obj.left = dots&#91;i&#93;.X;
    			dots&#91;i&#93;.obj.top = dots&#91;i&#93;.Y;
    		&#125;
    		setTimeout&#40;"startanimate&#40;&#41;", 500&#41;;
    	&#125;
    	
    	function dot&#40;i&#41; &#123;
    		this.X = Xpos;
    		this.Y = Ypos;
    		this.dx = 0;
    		this.dy = 0;
    		this.obj = document.getElementById&#40;"dot" + i&#41;.style;
    	&#125;
    	
    	function startanimate&#40;&#41; &#123;	
    		setInterval&#40;"animate&#40;&#41;", 20&#41;;
    	&#125;
    	
    	function setInitPositions&#40;dots&#41; &#123;
    		var startloc = document.all.tags&#40;"LI"&#41;;
    		var i = 0;
    		for &#40;i = 0; i < startloc.length && i < &#40;nDots - 1&#41;; i++&#41; &#123;
    		dots&#91;i+1&#93;.X = startloc&#91;i&#93;.offsetLeft
    		startloc&#91;i&#93;.offsetParent.offsetLeft - DOTSIZE;
    		dots&#91;i+1&#93;.Y = startloc&#91;i&#93;.offsetTop +
    		startloc&#91;i&#93;.offsetParent.offsetTop + 2*DOTSIZE;
    		&#125;
    		dots&#91;0&#93;.X = dots&#91;1&#93;.X;
    		dots&#91;0&#93;.Y = dots&#91;1&#93;.Y - SEGLEN;
    	&#125;
    	
    	function MoveHandler&#40;e&#41; &#123;
    		Xpos = e.pageX;
    		Ypos = e.pageY;
    		return true;
    	&#125;
    	
    	function MoveHandlerIE&#40;&#41; &#123;
    		Xpos = window.event.x + document.body.scrollLeft;
    		Ypos = window.event.y + document.body.scrollTop;	  
    	&#125;
    	
    	if &#40;isNetscape&#41; &#123;
    		document.captureEvents&#40;Event.MOUSEMOVE&#41;;
    		document.onmousemove = MoveHandler;
    	&#125; else &#123;
    		document.onmousemove = MoveHandlerIE;
    	&#125;
    	
    	function vec&#40;X, Y&#41;&#123;
    		this.X = X;
    		this.Y = Y;
    	&#125;
    	
    	// adds force in X and Y to spring for dot&#91;i&#93; on dot&#91;j&#93;
    	function springForce&#40;i, j, spring&#41;&#123;
    		var dx = &#40;dots&#91;i&#93;.X - dots&#91;j&#93;.X&#41;;
    		var dy = &#40;dots&#91;i&#93;.Y - dots&#91;j&#93;.Y&#41;;
    		var len = Math.sqrt&#40;dx*dx + dy*dy&#41;;
    		if &#40;len > SEGLEN&#41; &#123;
    			var springF = SPRINGK * &#40;len - SEGLEN&#41;;
    			spring.X += &#40;dx / len&#41; * springF;
    			spring.Y += &#40;dy / len&#41; * springF;
    		&#125;
    	&#125;
    	
    	function animate&#40;&#41; &#123;	
    		var start = 0;
    		if &#40;followmouse&#41; &#123;
    			dots&#91;0&#93;.X = Xpos;
    			dots&#91;0&#93;.Y = Ypos;	
    			start = 1;
    		&#125;
    	
    		for &#40;i = start ; i < nDots; i++ &#41; &#123;
    			var spring = new vec&#40;0, 0&#41;;
    			if &#40;i > 0&#41; &#123;
    				springForce&#40;i-1, i, spring&#41;;
    			&#125;
    			if &#40;i < &#40;nDots - 1&#41;&#41; &#123;
    				springForce&#40;i+1, i, spring&#41;;
    			&#125;
    			var resist = new vec&#40;-dots&#91;i&#93;.dx * RESISTANCE, -dots&#91;i&#93;.dy * RESISTANCE&#41;;
    			var accel = new vec&#40;&#40;spring.X + resist.X&#41;/ MASS, &#40;spring.Y + resist.Y&#41;/ MASS + GRAVITY&#41;;
    			dots&#91;i&#93;.dx += &#40;DELTAT * accel.X&#41;;
    			dots&#91;i&#93;.dy += &#40;DELTAT * accel.Y&#41;;
    			if &#40;Math.abs&#40;dots&#91;i&#93;.dx&#41; < STOPVEL &&
    			Math.abs&#40;dots&#91;i&#93;.dy&#41; < STOPVEL &&
    			Math.abs&#40;accel.X&#41; < STOPACC &&
    			Math.abs&#40;accel.Y&#41; < STOPACC&#41; &#123;
    				dots&#91;i&#93;.dx = 0;
    				dots&#91;i&#93;.dy = 0;
    			&#125;
    			dots&#91;i&#93;.X += dots&#91;i&#93;.dx;
    			dots&#91;i&#93;.Y += dots&#91;i&#93;.dy;
    			var height, width;
    			height = document.body.clientHeight + document.body.scrollTop;
    			width = document.body.clientWidth + document.body.scrollLeft;
    			if &#40;dots&#91;i&#93;.Y >=  height - DOTSIZE - 1&#41; &#123;
    			if &#40;dots&#91;i&#93;.dy > 0&#41; &#123;
    				dots&#91;i&#93;.dy = BOUNCE * -dots&#91;i&#93;.dy;
    			&#125;
    				dots&#91;i&#93;.Y = height - DOTSIZE - 1;
    			&#125;
    			if &#40;dots&#91;i&#93;.X >= width - DOTSIZE&#41; &#123;
    			if &#40;dots&#91;i&#93;.dx > 0&#41; &#123;
    				dots&#91;i&#93;.dx = BOUNCE * -dots&#91;i&#93;.dx;
    			&#125;
    				dots&#91;i&#93;.X = width - DOTSIZE - 1;
    			&#125;
    			if &#40;dots&#91;i&#93;.X < 0&#41; &#123;
    			if &#40;dots&#91;i&#93;.dx < 0&#41; &#123;
    				dots&#91;i&#93;.dx = BOUNCE * -dots&#91;i&#93;.dx;
    			&#125;
    				dots&#91;i&#93;.X = 0;
    			&#125;
    				dots&#91;i&#93;.obj.left = dots&#91;i&#93;.X;			
    				dots&#91;i&#93;.obj.top =  dots&#91;i&#93;.Y;		
    		&#125;
    	&#125;
    // End -->
    </script>
    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

Ähnliche Themen

  1. Menü als Mausverfolger
    Von gschn im Forum Flash Forum
    Antworten: 2
    Letzter Beitrag: 28.10.2006, 19:50
  2. Mausverfolger
    Von Fibu im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 5
    Letzter Beitrag: 03.01.2006, 22:57
  3. rotierender mausverfolger..
    Von Jean_Luc_Picard. im Forum Script-Archiv
    Antworten: 20
    Letzter Beitrag: 13.10.2005, 12:10
  4. Mausverfolger
    Von Heike78 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 23.02.2004, 14:17
  5. Mausverfolger !
    Von im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 14.08.2003, 18:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •