Marquee mit java schreiben die sich bei maus over anhält

web673 · 22 Juni 2007

Hallo liebe comm.

wo finde ich ein java script das wie das <marquee>text</marquee> ist nur in java form wo ich auch wenn ich ein mouse over mach damit es stehen bleibt..

hat da jemand sowas als script oder kann mir jemand eine seite geben wo das script zum download bereit ist ?

währe echt nett von euch. P.S. ich möchte mit dem marquee bilder anzeigen lassen. also währe es auch echt noch klasse wenn es eine endlos schleife ohne leerstellen währe.

danke schonmal web673

FleyerShaver · 22 Juni 2007

in welcher Sprache
JavaScript != Java

web673 · 7 Juli 2007

ich schreib mal imm gleichen thema weiter...

gibt es ein script das die gleihce funktion hat wie <marquee>text oder bild</marquee> das auf firefox funktioniert ??

gruenspan · 7 Juli 2007

Klar gibt es das. Such doch mal bei Google nach Newsticker, Tickertext, Laufschrift ect.

Ich hab sowas mal per Flash gemacht. Sah einfach besser aus.

web673 · 8 Juli 2007

gruenspan schrieb:
Klar gibt es das. Such doch mal bei Google nach Newsticker, Tickertext, Laufschrift ect.

Ich hab sowas mal per Flash gemacht. Sah einfach besser aus.

mit welchem programm macht man das mit flash ?? und gibts da n tut ?

wen ja danke schonmal

Frank · 8 Juli 2007

Da ich auch grade sowas für ne homepage geschrieben habe kann ich es dir ja hier schicken
ticker.js

Code:

var text = 'your Text';
var spaces = 280;
var stopt = false
var stopset = false
function ticker()
{
  if(!stopset)
    setstopper();
  if(!stopt)
  {
    ausgabe = '';
    if(spaces>0)
    {
      for(i = 0;i<spaces;i++)
      {
        ausgabe += '&nbsp;';
      }
      ausgabe += text;
      document.getElementById('ticker').innerHTML = ausgabe;
      spaces--;
      window.setTimeout('ticker()',40);
    }
    else
    {
      ausgabe = text;
      document.getElementById('ticker').innerHTML = ausgabe;
      spaces=280;
      window.setTimeout('ticker()',40);
    }
  }
}
function setstopper()
{
  document.getElementById('ticker').onmouseover = stopticker;
  document.getElementById('ticker').onmouseout = startticker;
  stopset = true;
}
function stopticker()
{
  stopt = true;
}
function startticker()
{
  stopt = false;
  ticker();
}

index.html

HTML:

<html>
<head>
<script type="text/javascript" src="javascript/ticker.php"></script>
<script type="text/javascript">
<!--
window.onload = ticker;
-->
</script>
<style>
width : 900px;
height : 14px;
overflow : hidden;
text-align : left;
background-color : #dedede;
color : #333333;
text-indent : -200px;
</style>
</head>
<body>
<div id="ticker"></div>
</body>
</html>

gruenspan · 8 Juli 2007

web673 schrieb:
mit welchem programm macht man das mit flash ?? und gibts da n tut ?

Hä?;ugl

Na Flash macht man immer mit Flash. Welche Version bleibt Dir überlassen. Mehr Hilfe findest Du im Flashforum - die deutschsprachige Community zu Flash und Flex - Powered by vBulletin. Schau dort mal nach Newsticker o.ä., ich hatte da auch mal was gefunden. Hab den dann so umgebaut, das man Ihn von einer Datenbank aus "füttern" kann.

web673 · 18 Juli 2007

ich hab endlich eins gefunden.

und da ich ja nicht böse bin XD teile ich meinen fund mit euch (die bildleiste funzt im firefox und im IE die anderen hab ich net getestet.

Code:

<script type="text/javascript">
var sliderwidth = 770;
var sliderheight = 133;
var slidespeed = 1;
var slidebgcolor = "#FFFFFF";
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<img src="images/galerie_bilder/01.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/02.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/03.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/05.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/06.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/07.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/08.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/09.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/10.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/11.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/13.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/12.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/14.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/15.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/16.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/17.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/18.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/19.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/20.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/21.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/22.jpg" style="border-color: black;"></a>';
leftrightslide[i++] = '<img src="images/galerie_bilder/23.jpg" style="border-color: black;"></a>';

/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
	document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;

function fillup(){
	if (iedom){
		cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
		cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
		actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
		cross_slide2.style.left=actualwidth+20+"px";
	}
	else if (document.layers){
		ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
		ns_slide.document.write(leftrightslide);
		ns_slide.document.close();
		actualwidth=ns_slide.document.width;
		ns_slide2.left=actualwidth+20;
		ns_slide2.document.write(leftrightslide);
		ns_slide2.document.close();
	}
	lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;

function slideleft(){
	if (iedom){
		if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
			cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+"px";

		if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
			cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
		else
			cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+"px";
	}
	else if (document.layers){
		if (ns_slide.left>(actualwidth*(-1)+8))
			ns_slide.left-=copyspeed;
		else
			ns_slide.left=ns_slide2.left+actualwidth;

		if (ns_slide2.left>(actualwidth*(-1)+8))
			ns_slide2.left-=copyspeed;
		else
			ns_slide2.left=ns_slide.left+actualwidth;
	}
}

if (iedom||document.layers){
	with (document){
		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
		if (iedom){
			document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
			document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
			document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
			document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
			document.write('</div></div>');
		}
		else if (document.layers){
			document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
			document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('</ilayer>');
		}
		document.write('</td></table>');
	}
}
</script>

Ich hoffe ich konnte noch anderen einen gefallen tun.
WICHTIG: die Slashes / oder \ bei diesem teil :

Code:

leftrightslide[i++] = '<img src="ordner/name.jpg" style="border-color: black;"></a>';

müssen in diese sein / mit \ gehts net

Mit freundlichen grüßen Web673

Maximus73 · 19 Juli 2007

Fage

wollte eigendlich nur wissen ob es euch ein horizotalen slide gib in diesem java wenn ja wäre es cool
ich würde mich sehr darüber freuen

danke marco

matibaski · 19 Juli 2007

java != javascript

java ist eine Hochsprache und keine Websprache.
(Man kann trotzdem Java ins web einbinden)

MfG, matibaski

web673 · 19 Juli 2007

ja gibt es ^^

hier der link
Bildlaufleiste vertikal Javascript

Maximus73 · 19 Juli 2007

sorry

falls ich mich verkehrt ausgedrückt habe ich wollte eigendlich nur wissen ob es für den oberen script der ja zur zeit nur vertikal verläuft eine änderung zur horizontalen gibt ich wäre euch sehr dankbar

mfg Marco

Maximus73 · 19 Juli 2007

re

danke für eure antwort
denn nicht in jedem forum wird einen so geholfen

mfg marco

brauni · 25 Juli 2007

hy

Wie kann man denn das Script auf horizontal umstellen?
Finde leider keine Option in dem Script.

Danke!

greets
brauni

Marquee mit java schreiben die sich bei maus over anhält

web673

Neues Mitglied

FleyerShaver

Neues Mitglied

web673

Neues Mitglied

gruenspan

Neues Mitglied

web673

Neues Mitglied

Frank

Neues Mitglied

gruenspan

Neues Mitglied

web673

Neues Mitglied

Maximus73

Neues Mitglied

matibaski

Guest

web673

Neues Mitglied

Maximus73

Neues Mitglied

Maximus73

Neues Mitglied

brauni

Neues Mitglied

Neueste Beiträge