Loading:


Odnośnik z dodatkowym wyróźnieniem

Skrypt umieszcza dodatkowe wyróżnienie odnośnika po najechaniu na niego myszką, bardzo ciekawy i urozmaicający witrynę efekt.

W tym miejscu w kodzie podajemy ścieżkę do obrazków jakie mają sie wyświetlać przy najechaniu:

document.getElementById(image + 'a').src = "arrowa.gif";
document.getElementById(image + 'b').src = "arrowb.gif";



Napisz Artyku³

Listing


<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
function showArrow(image)
{
  document.getElementById(image + 'a').src = "arrowa.gif";
  document.getElementById(image + 'b').src = "arrowb.gif";
}
function showBlank(image)
{
  document.getElementById(image + 'a').src  = "blank.gif";
  document.getElementById(image + 'b').src  = "blank.gif";
}
// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
  <TD><IMG SRC="blank.gif" NAME="img1a">
  </TD>
  <TD onMouseOver="showArrow('img1')"
      onMouseOut="showBlank('img1')">
  <B><A HREF = "http://helion.pl">Wydawnictwo Helion</A>
  </TD>
  <TD><IMG SRC="blank.gif" NAME="img1b">
  </TD>
</TR>
<TR>
  <TD><IMG SRC="blank.gif" NAME="img2a">
  </TD>
  <TD onMouseOver="showArrow('img2')"
      onMouseOut="showBlank('img2')">
  <B><A HREF = "http://funkcje.net">Funkcje.net</A>
  </TD>
  <TD><IMG SRC="blank.gif" NAME="img2b">
  </TD>
</TR>
<TR>
  <TD><IMG SRC="blank.gif" NAME="img3a">
  </TD>
  <TD onMouseOver="showArrow('img3')"
      onMouseOut="showBlank('img3')">
  <B><A HREF = "http://www.ebay.com">Aukcje eBay</A>
  </TD>
  <TD><IMG SRC="blank.gif" NAME="img3b">
  </TD>
</TR>
</TABLE>
</BODY>
</HTML>
 




Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2021 v.1.5 | design: diviXdesign & rainbowcolors