• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

mouseover Blinkender Text?

Status
Für weitere Antworten geschlossen.
Web_spider

Web_spider

Neues Mitglied
Hi Leutz! :cool:
So ich habe einen script, dass bei den Tags: <blink>TEXT</blink>
der TEXT blinkt und zwar folgendermassen:
Code: 
<script language="JavaScript">
<!--
blink(0.7);

function blink(speed) 
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK") 
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}

// -->
</script>
So! Bei dem Code auf dieser Seite
http://9lebt.spacepur.de/Bsp.html
soll bei Berührung der Shortnewslinks
das Blinken aufhören.
Ich bin Überfrage :sad:

Hoffe auf Hilfe

mfg web_spider
 
Werbung:
dann mach onMouseover //in body
javascript:speed(), 100000000000000000000

so. damit ist die Funktion nicht so, dass es nicht mehr blinkt, nur dauert es ne weile, bis die funktion aufgerufen wird -> timeout
 
Klar ich prob es mal


EDIT: Jetzt ist mir gerade klargeworde, was bring mir das, mouseover in body einzufügen, wenn ich das nur bei dem Link haben will?
Denn dieser Quellcode ist teil eines Quellcodes meiner Homepage.
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
ich mein, dass du des in den link tag packst, also
<a href="blabla" onMouseover="javascript(speed), 10000000";>link</a>

du rufst doch die blinkfunktion im body auf, oder ist sie im Header?
dann mach es halt in den header...
Code: 
<script language="JavaScript">
<!--
blink(0.7);

function blink(speed) 
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK") 
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
onMouseover=speed(), 100000000;
}

// -->
</script>

oder so ähnlich
icon12.gif
 
=::-(

Danke für den Tipp:grin:
Aber leider klappt das net, ich habs jetzt geändert, kannste dir mal ansehen unter:
http://9lebt.spacepur.de/Bsp.html
Aber leider klappt das net, wenn ich mit der Mause über den Link gehe, blinkt der weiter wie vorher.
EDIT:
Brauche dringend die Hilfe!
P.s Andere dürfen sich auch beteiligen :wink:
 
Zuletzt bearbeitet:
Hi,
so sollte es funktionieren :-)

Du musst hier einfach nur ein neues Objekt der Klasse "blinken" erzeugen :wink:
(wie ichs schon gemacht hab)

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Beispiel</title>
<script language="JavaScript">
<!--
var blinken = function(speed,t) {
 this.target = 'no';
 this.text_blink = t || document.getElementsByTagName("a");
 this.status = 'visible';
 
 this.blinkt = function(speed) {
 if (speed) {
 if (document.childNodes)
   setInterval("Menue.blinkt()", speed * 1000);
 }
 this.status = this.status == "visible" ? "hidden" : "visible";
  
  for (var i=0; i<this.text_blink.length; i++) {
  if(this.target != i || this.target == 'no') {
   this.text_blink[i].firstChild.style.visibility = this.status;
  this.text_blink[i].setAttribute('class','shortnews');
   this.text_blink[i].setAttribute('className','shortnews');
  }
  else {
   this.text_blink[i].firstChild.style.visibility = 'visible';
   this.text_blink[i].setAttribute("class","shortnews_hover");
  this.text_blink[i].setAttribute("className","shortnews_hover");
  }
  }
 }
 this.vis = function(num) {
  this.target = num;
  this.text_blink[num].firstChild.style.visibility = 'visible';
  
 if (document.childNodes)
   this.text_blink[this.target].setAttribute("class","shortnews_hover");
  this.text_blink[this.target].setAttribute("className","shortnews_hover");
 }
 this.hid = function() {
  if(this.status == 'visible') {
   this.text_blink[this.target].firstChild.style.visibility = 'visible';
  this.text_blink[this.target].setAttribute('class','shortnews');
  this.text_blink[this.target].setAttribute('className','shortnews');
  }
  this.target = 'no';
 } 
}
var Menue = new blinken();
window.document.onLoad = Menue.blinkt(0.7);
// -->
</script>
<link rel="SHORTCUT ICON" href="[URL="http://css.superprovider.de/prof.ico"]http://css.superprovider.de/prof.ico[/URL]">
<style type="text/css" language="css">
a:link.shortnews
 {
  text-decoration: none;
  border: 2px outset #ddd;
  color: blue;
  font-size: 10pt;
 } 
a:visited.shortnews
 {
  text-decoration: line-through;;
  color: gray;
  font-size: 10pt;
 }
a.shortnews_hover
 { 
  text-decoration: none;
  border: none;
  color: red;
  position: relative; 
  top:1; 
  left:1;
  border: inset 2px #ddd;
  font-size: 10pt;
 }
div.menushortnews
 {
  background-color: #D5E0E6;
  border: 1px solid black;
  position: relative;
 }
td.balkenmenu1 
  { 
   background-image: url('http://www.9lebt.spacepur.de/images/muster.jpg'); text-align: center; 
   width: 150px; 
   border: 2px outset #ddd 
 }
</style>
</head>
<body>
<table width="150">
 <tr>
  <td width="150">
  
 <div class="menushortnews">
  <table cellspacing="2" valign="top">
  <tr>
   <td class="balkenmenu1"><b>Short-News</b></td>
  </tr>
  <tr>
   <td>» <a href="#" class="shortnews" onMouseover="Menue.vis(0)" onMouseout="Menue.hid()"><blink>Neues Game...</blink></a></td>
  </tr>
  <tr>
   <td>» <a href="#" class="shortnews" onMouseover="Menue.vis(1)" onMouseout="Menue.hid()"><blink>Vorstand wird...</blink></a></td>
  </tr>
  <tr>
   <td>» <a href="#" class="shortnews" onMouseover="Menue.vis(2)" onMouseout="Menue.hid()"><blink>Konzept wird...</blink></a></td>
  </tr>
  </table>
  </div>
 
  </td>
 </tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
:(

Die Lösung konnte ich nachfollziehen, aber das funzt auch nicht, schade.
Hat noch jemand eine Idee, meine Kentnisse sind überfragt ?

mfg web_spider
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben