Vraagje over mouse-over

Status
Niet open voor verdere reacties.
P

pa3ajt

Verenigingslid
Lid geworden
8 sep 2000
Berichten
462
Ik wil graag hebben dat bepaalde woorden (gelinkt) van kleur veranderen als je er met de muis overgaat.

Hoe doe je dat?
Waar te vinden in Dreamweaver 4?
 
script

hoi bedoel je deze script?

<div align="center"><center>

<table bgcolor="#00FF00" border="1">
<tr>
<td width="230" onmouseover="this.style.backgroundColor='#FFFF00';"
onmouseout="this.style.backgroundColor='#00FF00'" nowrap align="center">Gaaf die gekleurde
cellen en tabellen </td>
</tr>
</table>
</center></div>




succes groetjes mike
 
Nou, ik heb het geprobeerd door het in de html te plakken, maar 't werkt niet zoals ik het bedoel.

Gewoon basic: als je met een muis over een woord gaat, moet de kleur van dat woord veranderen. Ik denk dan aan het woord selecteren en dan een (html?)opdracht toevoegen of zo. Ik gebruik Dreamweaver 4. Ik dacht dat dit niet zo moeilijk zou zijn.
Voor mij echter wel: nog nooit gedaan....
Kun je me misschien wat specifieker helpen?
 
Klik in Dreamweaver in het menu Insert > Interactive Images op Flash Text.
Bij Color en Rollover Color geef je de gewenste kleuren op (zie bijlage).

Guus.
 
Laatst bewerkt:
script

hoi bedoel je deze:


<!-- PLAATS DIT DEEL VAN HET SCRIPT TUSSEN <HEAD> EN </HEAD> -->
<script language="JavaScript">
<!--

// choose the colors the link-animation will rush through
var newcolor=new Array("FF0000","EE0011","DD0022","CC0033","BB0044","AA0055", "990066","880077","770088", "660099","5500AA","4400BB","3300CC","2200DD","1100EE", "0000FF","0000FF","0000FF", "0011EE","0022DD","0033CC","0044BB", "0055AA", "006699","007788","008877", "009966", "00AA55", "00BB44","00CC33", "00DD22","00EE11","00FF00", "00FF00","00FF00","00FF00","11EE00","22DD00","33CC00", "44BB00", "55AA00","669900", "778800", "887700", "996600","AA5500", "BB4400", "CC3300", "DD2200","EE1100", "FF0000","FF0000", "FF0000")

// speed of animation. Smaller means faster
var pause=30

// Do not edit the values below
var timer
var animation_on=true
var thislink
var i_color=0

function startanimation(newlink) {
if (document.all) {
animation_on=true
thislink=eval("document.all."+newlink+".style")
changecolors()
}
}

function changecolors() {
if (animation_on) {
if (i_color>=newcolor.length-1) {i_color=0}
thislink.color=newcolor[i_color]
i_color++
timer=setTimeout("changecolors()",pause)
}
else {
clearTimeout(timer)
}
}

function stopanimation() {
if (document.all) {
animation_on=false
}
}
-->
</script>

<!-- PLAATS DIT DEEL VAN HET SCRIPT TUSSEN <BODY> EN </BODY> -->
<center><br><br><br><a href="" name="link2" onMouseOver="startanimation(this.name)" onMouseOut="stopanimation()">Ga hier met de muis overheen</a>

succes groetjes mike
 
Re: script

Geplaatst door mike16
// choose the colors the link-animation will rush through
var newcolor=new Array("FF0000","EE0011","DD0022","CC0033","BB0044","AA0055", "990066","880077","770088", "660099","5500AA","4400BB","3300CC","2200DD","1100EE", "0000FF","0000FF","0000FF", "0011EE","0022DD","0033CC","0044BB", "0055AA", "006699","007788","008877", "009966", "00AA55", "00BB44","00CC33", "00DD22","00EE11","00FF00", "00FF00","00FF00","00FF00","11EE00","22DD00","33CC00", "44BB00", "55AA00","669900", "778800", "887700", "996600","AA5500", "BB4400", "CC3300", "DD2200","EE1100", "FF0000","FF0000", "FF0000")
Klik om te vergroten...
Volgens mij wil hij gewoon dat een stukje tekst EEN andere kleur krijgt bij een mouseover en geen 53 verschillende.:D

Guus.
 
haha oke beter wat dan niks toch ;)

succes verder groetjes mike
 
PHP: 
<style>
a:link {
	color: #FF0000;
	text-decoration: none;
}   

a:visited {
	color: #008000;
	text-decoration: underline;
}

a:hover {
	color: #0000FF;
	text-decoration: underline;
}
}
</style>
Dit zet je in de head en in de body:
PHP: 
<a href="#">hier je tekst die van kleur moet veranderen</a>
 
Moeilijk!

Nou, jongens: jullie zijn bedankt, maar het meeste gaat mijn pet te boven!

Ik snap nog net dat ergens bovenin de tag <head> staat en een eindje verderop </head> Ik snap dat dan de gegevens voor HEAD voorbij zijn. Hetzelfde voor body.
Nou kan ik van alles ertussen plaatsen (lukt met wat moeite) maar hoe breng ik dat in relatie met het bewuste woord? En op de juiste plaats?

Ik heb met goed succes dat met Flash Text gedaan, maar het probleem is dat de font niet prachtig scherp meer is en de hoogte anders wordt. Door een groter font en vet te kiezen gaat het goed, maar dat kost teveel plaats. Als het beoogde niet lukt, moet ik het met die Flash doen. Maar misschien kan niet iedereen het dan zien?

Ik heb ook met redelijk succes het volgende geprobeerd:

<style>a:hover {color:#00ff00;}</style><a href="tester">tester</a>

maar dan heb ik wat problemen met het volgende:
zogauw ik de kleur verander werkt het niet meer.

Ik wil een witte tekst (arial, bold,) laten veranderen in groen, maar beide mogen niet onderstreept zijn, ook niet als hij gelinkt wordt. Nou kan ik tussen <a en href het zodanig veranderen dat er het volgende komt te staan:

<a style="TEXT-DECORATION: none" href
en dan gaat het weer wat beter, maar dan zie ik in de 'designmode' erg donkere blauwe letters ipv wit.

Misschien moet ik eens een stevige HTML-cursus volgen. En daarna Iets van PHP...

Maar ja... misschien is er toch iemand die me weer een klein stapje verder kan helpen.

Ik leer wel, maar waarschijnlijk te langzaam..
 
PHP zou ik niet meteen gaan leren, maar een beetje HTML en CSS zou geen kwaad kunnen ;).

Hier een screenshot van DW met de CSS om je witte links groen te maken bij een MouseOver.

Zet het stuk van <style type="text/css"> tot </style> tussen de <head></head> tags.

Zet <a href="pad_naar_het_bestand_waar_je_naar_linkt.html">link1</a> in de tekst waar de link in staat, waarbij "link1" het woord is waar jij je link van hebt gemaakt en "pad_naar_het_bestand_waar_je_naar_linkt.html" de bestandsnaam en het pad er naar toe is.

Het is niet moeilijk hoor, het lijkt alleen maar moeilijk :) .

Screenshot
 
Ik heb het volgende (voorlopig) als oplossing toegepast:
De woorden, die overigens niet midden in een zin staan maar in een rijtje onder elkaar, heb ik vervangen door knoppen met tekst van dezelfde grootte en kleur. Als achtergrondkleur van de knop is dezelfde achtergrond gekozen als die van de pagina. Zodoende zie je niet dat het een knop is. Bij mouse-over de door Guus-abc (bedankt!) geadviseerde Roll-over (Flash) op die knoppen toegepast. Bij mouse-over komt dan eenzelfde knop met als verschil een andere tekstkleur.

Als ik wat meer tijd heb ga ik jullie voorstellen eens wat intensiever uitvogelen in html e.d. Zit een stukje begripsvorming bij en dat vergt wat tijd.

Eventuele verdere opmerkingen blijven uiteraard welkom.

Hoewel niet helemaal juist, heb ik de vraag toch als "Opgelost" ingesteld.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan