Søg
Avatar billede firmappn Nybegynder
09. oktober 1999 - 00:07 Der er 4 kommentarer og
1 løsning

Pegefølsomknap / billede frem.

Hvordan får man indsat en "Buttons.Gif"
i stedet for den understregede hyberlink.<HTML>
<HEAD>
<TITLE>Magic Buttons! - Mouseover effects tutorial</TITLE>

<SCRIPT LANGUAGE="JavaScript"><!--
/*********************************************************
              M A G I C  B U T T O N S  v3.0
      http://junior.apk.net/~jbarta/tutor/buttons/
      Permission is granted to freely use this script.
**********************************************************/

// preload images:
if (document.images) {
birds =    new Image(160,120); birds.src =    "birds.gif";
cangoose = new Image(160,120); cangoose.src = "cangoose.gif";
cockatoo = new Image(160,120); cockatoo.src = "cockatoo.gif";
pigeon =  new Image(160,120); pigeon.src =  "pigeon.gif";
stork =    new Image(160,120); stork.src =    "stork.gif";
swan =    new Image(160,120); swan.src =    "swan.gif";
toucan =  new Image(160,120); toucan.src =  "toucan.gif";
}

function hiLite(imgName,imgObjName) {
if (document.images) {
  document.images[imgName].src = eval(imgObjName + ".src");
}}

//--></SCRIPT>

</HEAD>
<BODY BGCOLOR="#FFFFFF">

<CENTER><P><TABLE CELLSPACING=0 CELLPADDING=10 BORDER=0>
<TR>
<TD align=center><FONT FACE="trebuchet ms">
<A HREF="cangoose.html" onMouseOver="hiLite('img10','cangoose')" onMouseOut="hiLite('img10','birds')">Canadian Goose</A><BR>
<A HREF="cockatoo.html" onMouseOver="hiLite('img10','cockatoo')" onMouseOut="hiLite('img10','birds')">Cockatoo</A><BR>
<A HREF="pigeon.html"  onMouseOver="hiLite('img10','pigeon')  " onMouseOut="hiLite('img10','birds')">Pigeon</A><BR>
<A HREF="stork.html"    onMouseOver="hiLite('img10','stork')  " onMouseOut="hiLite('img10','birds')">Stork</A><BR>
<A HREF="swan.html"    onMouseOver="hiLite('img10','swan')    " onMouseOut="hiLite('img10','birds')">Swan</A><BR>
<A HREF="toucan.html"  onMouseOver="hiLite('img10','toucan')  " onMouseOut="hiLite('img10','birds')">Toucan</A><BR>
</FONT></TD>
<TD><IMG SRC="birds.gif" WIDTH="160" HEIGHT="120" BORDER="0" ALT="" NAME="img10"></TD>
</TR>
</TABLE></CENTER>

</BODY>
</HTML>

Kan også ses her (Animals)
http://junior.apk.net/~jbarta/tutor/buttons/

Hilsen PPN


Avatar billede skjoldby Nybegynder
09. oktober 1999 - 00:42 #1
Sådan her ser html koden ud:
<a href="side.htm">
<img src="but.gif" border="0">
</a>
Avatar billede hobbez Nybegynder
09. oktober 1999 - 10:53 #2
Tag udgangspunkt i denne HTML, med tre knapper i størrelsen 100 pixels gange 10 pixels (kan udvides til flere knapper):

<html><head><title></title>
<script language="JavaScript">
<!--

if (document.images) {
  image1on = new Image();
  image1on.src = "1_valgt.gif";

  image2on = new Image();
  image2on.src = "2_valgt.gif";

  image3on = new Image();
  image3on.src = "3_valgt.gif";

  image1off = new Image();
  image1off.src = "1.gif";

  image2off = new Image();
  image2off.src = "2.gif";

  image3off = new Image();
  image3off.src = "3.gif";

}

function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}

// -->
</script>
</head>

<body>

<table width=100 border=0 cellpadding=0 cellspacing=0>
<tr><td width=100><a href="href_1" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img name="image1" src="1.gif" alt="alternativ_tekst_1" width=100 height=10 border=0></a></td></tr>
<tr><td width=100><a href="href_2" onMouseOver="changeImages('image2', 'image2on')" onMouseOut="changeImages('image2', 'image2off')"><img name="image2" src="2.gif" alt="alternativ_tekst_2" width=100 height=10 border=0></a></td></tr>
<tr><td width=100><a href="href_3" onMouseOver="changeImages('image3', 'image3on')" onMouseOut="changeImages('image3', 'image3off')"><img name="image3" src="3.gif" alt="alternativ_tekst_3" width=100 height=10 border=0></a></td></tr>
</table>

</body>
</html>


Ovenstående er 'hugget' fra http://www.builder.com hvor der er en GENIAL lille URL, der opbygger hele HTML-en for dig, hvis du bare fortæller hvad dine GIF'er hedder osv: http://www.builder.com/Programming/Scripter/ vælg MOUSE OVER MACHINE

God fornøjelse

/Rob
Avatar billede hobbez Nybegynder
09. oktober 1999 - 10:59 #3
href_1, href_2 og href_3 skal selvfølgelig skiftes ud med dit link (f.x. side.htm) og 1.gif osv skal udskiftes med navnene på dine billeder.
Avatar billede firmappn Nybegynder
13. oktober 1999 - 19:52 #4
Hej Hobbez

Hvordan får jeg den kode ind i Frontpages 2000, hvis jeg bruger Clipboardet så viser den hele programeringsteksen i "Eksempel og normal"

Hilsen
PPN


Avatar billede hobbez Nybegynder
13. oktober 1999 - 21:10 #5
Du skal paste den ind i HTML'en, ikke i WYSIWYG-mode. HTML-mode er vistnok; View Source i FP2000.

/Rob
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer 2 08/02/202615:24 08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
24/0417:35 Kan ikke resette PC med Windows 8.1 Af TTA i Office & Kontorpakker
24/0413:33 Lukning af Microsoftkonto Af ErikHg i Windows
23/0416:10 Bat file. Af johnnylassen i Andet programmering
23/0410:28 “Signe” Svindel omtalt i medier Af nu_igen i Mobiltelefoner
22/0420:59 RAID controller virker ikke ved tilslutning af alle 4 harddiske Af Strawberry i Andet hardware
White papers
Flere white papers »