Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.11.2006 um 09:10 (UTC)    
Titel: Mausverfolger

Hallo,

kann mir mal bitte jemand sagen wie ich einen Mausverfolger einbaue. Geht das überhaupt ??? Meine HP www.krissi93.de.tl

Grüße Krissi
Beitrag01.11.2006 um 13:22 (UTC)    
Titel:

HALLO!
Unter www.kostenlose-javascripts.de findest du unter Mausverfolger (rechte Navigationen) eingie Beispiele!
1.Aussuchen
2. Code kopieren
3. Auf Seiten editieren
4 Seite auswählen
5. Auf den Button Quellcode (oben links in der Leiste)
6. Seite editieren

HOffe, konnte helfen!

www.e12j.de.tl
Beitrag04.11.2006 um 00:15 (UTC)    
Titel:

Versuch es mal so, passt vielleicht am ehesten zu Dir und Deiner Seite:

Code:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<script language="JavaScript">

//Farben und Groesse definieren !!
var a_Colour='ff0000';
var b_Colour='00ff00';
var c_Colour='0000ff';
var Size=100;
//Hier nichts aendern !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 {
  YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*4);
  XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*3);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1)
 {
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
 }
else 
 {
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1)
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 }
else
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</script>
</head>

<body>

</body>

</html>
Beitrag04.11.2006 um 11:44 (UTC)    
Titel: Wo hin muss ich den code eifügen????

Wo hin muss ich den code eifügen????
Beitrag04.11.2006 um 12:03 (UTC)    
Titel:

Der Code ist eine komplette HTML-Seite. Weiteren Inhalt musst Du noch zwischen <body> und </body> setzen.
Beitrag04.11.2006 um 13:23 (UTC)    
Titel:

text überm design
Beitrag25.11.2006 um 19:24 (UTC)    
Titel: nix

bei mir verfolgen nur so kästchen mit roten x die maus wo eigentlich dragonballs sein sollten help!
Beitrag25.11.2006 um 19:30 (UTC)    
Titel:

Habe ich Quatsch geschrieben, Sorry.
Beitrag25.11.2006 um 23:42 (UTC)    
Titel:

Hallo,
das liegt daran, dass der Code auf ein Bild zurückgreift, was du erst noch bei dir hochladen musst und dann auch entsprechend im Code einfügen Wink
______________
[color=red:6e3f49e45c]Hilfe, FAQ und Anleitungen gibt es hier:[/color:6e3f49e45c] http://homepagehilfe.de.tl
Beitrag26.11.2006 um 08:05 (UTC)    
Titel: wo?

wo krieg ich des her?????
Beitrag26.11.2006 um 09:00 (UTC)    
Titel:

was soll ich machen ich hab einen code von der seite bei mir angegeben aber da kommen nur weise kästhen statt snoopy als vervolger der maus Crying or Very sad Crying or Very sad
Beitrag26.11.2006 um 09:07 (UTC)    
Titel: wie soll das gehen

ich einen code für einen mausvervolger für javaskript copiert aber da kommen nucr weise kästhen statt dem verfolger Crying or Very sad was soll ich machen
Beitrag26.11.2006 um 09:21 (UTC)    
Titel:

neografik hat Folgendes geschrieben:
was soll ich machen ich hab einen code von der seite bei mir angegeben aber da kommen nur weise kästhen statt snoopy als vervolger der maus Crying or Very sad Crying or Very sad

Du hast leider nicht ganz den vollständigen Code für den Mausverfolger erwischt! Zunächst mal mußt Du die Snoopy-Grafik speichern:
klicke dazu mit der rechten Maustaste auf den Snoopy und wähle "Bild speichern unter" aus. Dann speicherst Du das Bild auf Deiner Festplatte. Von dort mußt Du es dann im Homepage-Baukasten über "Bilder verwalten" hochladen, aber entferne das Häkchen bei "Bilder verkleinern"!

Wenn Du es dann hochgeladen hast, solltest Du den Code am besten aus Deiner Home-Seite löschen, und stattdessen diesen Code bei "Text unter dem Design" einfügen. "Text unter dem Design" findest Du bei "Design einstellen", sofern Du bei "Einstellungen" die "erweiterten Designeinstellungen" aktiviert hast. Hier also der Code:

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<div id="dot0" style="position: absolute; visibility: hidden; height: 35; width: 35;"></div>
<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="http://88.198.45.9/pic/neografik_snoopy.gif" width="35" height="35" alt=""></div>
<script type='text/javascript'>
<!--
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
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;
var GRAVITY = 50;
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 = 35;
  // 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();

function init()
{
    var i = 0;
    for (i = 0; i < nDots; i++) {
        dots[i] = 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[i].obj.left = dots[i].X;
        dots[i].obj.top = dots[i].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()", 2000);
    }
}



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[i].offsetLeft
            startloc[i].offsetParent.offsetLeft - DOTSIZE;
        dots[i+1].Y = startloc[i].offsetTop +
            startloc[i].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[i] on dot[j]
function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].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[i].dx * RESISTANCE,
            -dots[i].dy * RESISTANCE);
       
        // compute new accel, including gravity
        var accel = new vec((spring.X + resist.X)/ MASS,
            (spring.Y + resist.Y)/ MASS + GRAVITY);
       
        // compute new velocity
        dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);
       
        // stop dead so it doesn't jitter when nearly still
        if (Math.abs(dots[i].dx) < STOPVEL &&
            Math.abs(dots[i].dy) < STOPVEL &&
            Math.abs(accel.X) < STOPACC &&
            Math.abs(accel.Y) < STOPACC) {
            dots[i].dx = 0;
            dots[i].dy = 0;
        }
       
        // move to new position
        dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;
       
        // get size of window
        var height, width;
        if (isNetscape) {
            height = window.innerHeight + document.scrollTop;
            width = window.innerWidth + document.scrollLeft;
        } else {   
            height = document.body.clientHeight + document.body.scrollTop;
            width = document.body.clientWidth + document.body.scrollLeft;
        }
       
        // bounce of 3 walls (leave ceiling open)
        if (dots[i].Y >=  height - DOTSIZE - 1) {
            if (dots[i].dy > 0) {
                dots[i].dy = BOUNCE * -dots[i].dy;
            }
            dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
            if (dots[i].dx > 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
            if (dots[i].dx < 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = 0;
        }
       
        // move img to new position
        dots[i].obj.left = dots[i].X;         
        dots[i].obj.top =  dots[i].Y;      
    }
}

//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts.html" title="Javascript Mausverfolger" target="_blank">Javascript Codes</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=171"></script>
<!-- präsentiert von kostenlose-javascripts.de -->


Viel Erfolg,
Korbi Very Happy
______________
Ich chatte hier: www.hpbk-chat.de.tl

kostenlos Musik auf die Homepage: www.bandland.de.tl - www.musik-code.de.tl


Zuletzt bearbeitet von gehirnwindungen am 26.11.2006, 10:47, insgesamt einmal bearbeitet
Beitrag26.11.2006 um 09:46 (UTC)    
Titel:

das immer noch nicht Crying or Very sad
Beitrag26.11.2006 um 09:47 (UTC)    
Titel:

das geht immer noch nicht
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de