einfliegender Text

Janbera · 8 August 2007

Wie kriegt man einen einfliegenden Text zustande, der dann in jedem Browser stehen bleibt?

8)

meine Seite
Homepage von Jan Bertram Rakette

Und wie lautet der Code dafür?

m0sT · 8 August 2007

Code:

<marquee>Text</marquee>

Und wenn du denkst, dass man den Text bei deinem Link lesen kann,
dann denkst du falsch. ^^

jukleidie · 8 August 2007

er meint der text soll reinfliegen, und dann stehen bleiben.

Speedy19102000 · 8 August 2007

Moin!

Schau mal hier:
Fliegende Worte 2 | Text-Effekte | Javascript | powered by javarea.de

MfG Speedy

BcF · 8 August 2007

Browser: MSIE(4x-6x)

Und bei mir im FF(2) gehts auch nicht.

Aber mit JavaScript gehts sicher irgendwie, hab aber bisher nichts passendes gefunden.

Speedy19102000 · 8 August 2007

Asche auf mein Haupt!

Code:

<html>
<head>
<title>Leeres Dokument</title>
<STYLE>
.fpunkte
{
    position: absolute;
    top: -100;
    font-family: Arial, Helvetica, sans-serif;
}
</STYLE><SCRIPT>
var delay=20;
function moveit(was, startx, starty, endx, endy, steps, wait)
{
    if(wait && wait>0)
        setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+steps+','+(wait-1)+')', delay);
    else
    {
        if(document.layers)
        {
            document.layers[was].left=startx;
            document.layers[was].top=starty;
        }
        else
        {
            document.all[was].style.left=startx;
            document.all[was].style.top=starty;
        }
        startx+=(endx-startx)/steps;
        starty+=(endy-starty)/steps;
        if(steps>0)
            setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
    }
}
 
function init()
{
    if(navigator.appName=="Netscape")
    {
        var w=innerWidth;
        var h=innerHeight;
    } else
    {
        var w=document.body.offsetWidth;
        var h=document.body.offsetHeight;
    }
    var mw=w/2;
    var mh=h/2;
    moveit("f1", 10, 25, 240, 50, 20, 30);    
    moveit("f2", 10, 25, 200, 100, 40, 60);        
 
}
</SCRIPT>
</head>
<body ONLOAD="init()">
<DIV ALIGN=CENTER>
    <CENTER>
        <TABLE BORDER=0 WIDTH=500>
        <TBODY>
        <TR>
            <TD WIDTH=100%>
<DIV ID="f1" CLASS="fpunkte" STYLE="color: black; width: 100; font-size:10px;">Gif Bilder</DIV>
<DIV ID="f2" CLASS="fpunkte" STYLE="color: black; width: 100; font-size:10px;"><A HREF="#">Hier ein Link</A></DIV></TD>
        </TR>
        </TABLE>
    </CENTER>
</DIV>
 
</body>
</html>

Dieser sollte funktionieren.

MfG Speedy

Janbera · 9 August 2007

und wie lautet der code, wenn der text
von rechts nach links gerade einlaufen soll?

:roll:

jukleidie · 9 August 2007

Speedy19102000 schrieb:
Moin!

Schau mal hier:
Fliegende Worte 2 | Text-Effekte | Javascript | powered by javarea.de

MfG Speedy

geht aber nicht im firefox. . .

jukleidie · 9 August 2007

Janbera schrieb:
und wie lautet der code, wenn der text
von rechts nach links gerade einlaufen soll?

:roll:

--> Code anpassen :-D

Speedy19102000 · 9 August 2007

Hallo!

Janbera schrieb:
und wie lautet der code, wenn der text
von rechts nach links gerade einlaufen soll?

:roll:

Zum Beispiel so:

Code:

moveit("f2", [COLOR=red]800[/COLOR], 25, 240, 100, 40, 60);

Dort kann man alles einstellen, wie z.B. in diesem Fall 800(px) als Startwert. (800 Pixel von der Linken Seite)
Musst Du halt auf Deiner Seite anpassen.

MfG Speedy

Janbera · 14 August 2007

Code:

<SCRIPT language="JavaScript1.1">
<!-- Begin
function klick(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Sorry. Rechtsklick deaktiviert.");
return false;
}
return true;
}
document.onmousedown=klick;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=klick;
// End -->
</SCRIPT>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Homepage von Jan Bertram Rakette</title>
</head>
<body bgcolor="778899" link="ffd700" alink="fff8dc" vlink="ffd700">
<font size="12" color="#0000FF" face="Ludica Sans Unicode">
<table border="0" cellpadding="8" cellspacing="8" height="30">
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="startseite.html" target="rechter frame">Home</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="uebermich/uebermich.html" target="rechter frame">Über mich</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="hobbys/hobaufbau.html" target="rechter frame">Hobbys</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="geheim/gebeaufbau.html" target="_blank">Geheim</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kontakt/kontakt.html" target="rechter frame">Kontakt</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="[URL="http://www.gastbuch24.de/gastbuch.php3?user=janbera"]kostenloses Gästebuch von janbera kostenlos gratis homepagetools homepage tools zubehör gaestebuch webmaster, gaestebuchserver, gaestebuchservice[/URL]" target="rechter frame">Gästebuch</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="impressum/impressum.html" target="rechter frame">Impressum</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="[URL]http://www.webdesign.janbera.de[/URL]" target="_blank">Webdesign</a></th>
  </tr>
</table>
</font>
</body>
</html>

Kann mir jemand das vervollständigen, so dass die Tabelle von
Rechts nach Links gerade einläuft?
Die Tabelle ist durch diese Codeeingabe nicht so, wie sie sein soll,
aber das ist ja egal.

Speedy19102000 · 15 August 2007

@ Janbera!

Nimm mein vorgeschlagenes Script #6 und füge Dein <TABLE> zwischen den

<div id="f1"><table>......</table></div>

und verändere den Wert für
Deine endspechend gewünschte Richtung, fertig!

MfG Speedy

Janbera · 15 August 2007

sorry
ich habe es schon mehrere male ausprobiert,
aber es klappt einfach nicht.

Frank · 15 August 2007

das liegt an dem script, es ist falsch, der FF versteht das nicht, beim schreiben der Position muss immer noch ein "px" ran

Speedy19102000 · 15 August 2007

@ Janbera

Code:

<html>
<head>
<title>Leeres Dokument</title>
<STYLE>
.fpunkte
{
    position: absolute;
    top: 10;
    left:1200;
}
</STYLE><SCRIPT>
var delay=30;
function moveit(was, startx, starty, endx, endy, steps, wait)
{
    if(wait && wait>0)
        setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+steps+','+(wait-1)+')', delay);
    else
    {
        if(document.layers)
        {
            document.layers[was].left=startx;
            document.layers[was].top=starty;
        }
        else
        {
            document.all[was].style.left=startx;
            document.all[was].style.top=starty;
        }
        startx+=(endx-startx)/steps;
        starty+=(endy-starty)/steps;
        if(steps>0)
            setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
    }
}
 
function init()
{
    if(navigator.appName=="Netscape")
    {
        var w=innerWidth;
        var h=innerHeight;
    } else
    {
        var w=document.body.offsetWidth;
        var h=document.body.offsetHeight;
    }
    var mw=w/2;
    var mh=h/2;
    moveit("f1", 1200, 10, 10, 10, 10, 10);    
}
</SCRIPT>
</head>
<body ONLOAD="init()" scroll="no" bgcolor="778899" link="ffd700" alink="fff8dc" vlink="ffd700">
<DIV ID="f1" CLASS="fpunkte">
<table border="0" cellpadding="8" cellspacing="8" height="30">
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="startseite.html" target="rechter frame">Home</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="uebermich/uebermich.html" target="rechter frame">Über mich</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="hobbys/hobaufbau.html" target="rechter frame">Hobbys</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="geheim/gebeaufbau.html" target="_blank">Geheim</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kontakt/kontakt.html" target="rechter frame">Kontakt</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kostenloses Gästebuch von janbera kostenlos gratis homepagetools homepage tools zubehör gaestebuch webmaster, gaestebuchserver, gaestebuchservice" target="rechter frame">Gästebuch</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="impressum/impressum.html" target="rechter frame">Impressum</a></th>
  </tr>
  <tr>
    <th align="left" valign="top" background="<A href="<A href="http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a">http://www.janbera.de/button.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="[URL]http://www.webdesign.janbera.de[/URL]" target="_blank">Webdesign</a></th>
  </tr>
</table>
 
</DIV>
</body>
</html>

Geht auch im FF

MfG Speedy

Janbera · 16 August 2007

es springt ganz schnell herein.
wie kann man einstellen, dass es langsam hereinläuft?
durch var delay hat es nicht geklappt.
:arrow:

Speedy19102000 · 16 August 2007

Doch, in zehnerschritten nach oben, ggf in den "moveit" Einstellungen. Probiers halt mal aus. Hoffe, Dir somit geholfen zu haben, viel Spass noch!

MfG Speedy

Frank · 16 August 2007

@ Speedy:

Umständlicher gings wohl net mehr ;)

@Janbera:
Hab mich mal hingesetzt und das ganze vereinfacht, du musst nur noch den inhalt des divs ändern. Die Geschwindigkeit stellst du mittels der variable "steps" ein, je größer der Wert, desto schneller die Bewegung (muss aber größer als 0 sein

)
JS

Code:

<script type="text/javascript">
<!--
var element,intval
var steps = 4
var stopleft = 20
var delay = 20
window.onload = function() {
  element = document.getElementById('move')
  element.style.left = screen.availWidth+'px'
  intval = window.setInterval("move()",delay)
}
function move() {
  if(element.style.left.substr(0,(element.style.left.length-2)) > stopleft) {
    element.style.left = (parseInt(element.style.left.substr(0,(element.style.left.length-2)))-steps)  + "px"
  } else {
    window.clearInterval(intval)
  }
}
-->
</script>

Und dazu noch CSS und HTML

Code:

<style>
<!--
#move {
position:absolute;
top:20px;
left:20px;
overflow : hidden;
width : 100%;
}
-->
</style>

Code:

<div id="move">Was auch immer du willst</div>

Janbera · 16 August 2007

mit var delay kann ich nur die zeitverzögerung des ganzen ablaufs einstellen.
was muss ich bei moveit ändern, damit der text sofort langsam
einläuft?

Janbera · 16 August 2007

der neue code funktioniert!
vielen dank!
bei mir läuft es in einen kleinen frame rein,
der ganz links steht, und vorher noch hinter allen anderen frames,
so dass es erst sehr spät hereingelaufenkommt.
wie kann ich das ändern, dass es sofort in den linken frame hereinläuft?

einfliegender Text

Neues Mitglied

Neues Mitglied

Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied