jellelysium2000
Gebruiker
- Lid geworden
- 17 jul 2003
- Berichten
- 176
Hallo,
Ik heb onderstaande muiseffect uit een boek dat ik heb aangeschaft. Alleen werkt het niet. Ik gebruik dreamweaverMX 2004 als editor en een easyphp webserver. Ik snap de onderstaande zin niet (ik ben niet goed bekend met javascript), alles wat je nu nog hoeft te doen is het effect in werking te zetten via de code <body>: etc. Waar moet ik die code zetten? Ik krijgen geen enkel effect in de browser preview.
ik hoop dat jullie me kunnen helpen want ik ben wanhopig en sta bijna op het punt mijn monitor uit het raam te gooien!
Met vriendelijke groet,
Jelle
Een bewegende banner die de muisaanwijzer volgt
Je kunt verschillende redenen bedenken om een bewegende banner op een pagina weer te
geven. Om mensen te bedanken, als advertentie, voor bijzondere gelegenheden, om de
aandacht te trekken voor een speciaal bericht, noem maar op. Deze banner zit vast aan de
cursor, tenzij je iets anders opgeeft in het script.
Je kunt dit effect verkrijgen door het volgende script tussen de codes <body> en </body> te
zetten. Je kunt het bericht (de variabele scroller_msg) en de tijd dat het wordt weergegeven
(de variabele dismissafter) aanpassen. Als de waarde voor de duur 0 is, wordt het bericht
continu weergegeven.
<SCRIPT language="JavaScript1.2">
<!--
var scroller_msg='Welcome to our site!'
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll"
style="position:absolute;width:150px;border:1px solid
black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</SCRIPT>
Alles wat je nu nog hoeft te doen is het effect als volgt in werking zetten via de code <body>:
<Body style="width:100%;overflow-x:hidden;overflow-y:scroll">
Ik heb onderstaande muiseffect uit een boek dat ik heb aangeschaft. Alleen werkt het niet. Ik gebruik dreamweaverMX 2004 als editor en een easyphp webserver. Ik snap de onderstaande zin niet (ik ben niet goed bekend met javascript), alles wat je nu nog hoeft te doen is het effect in werking te zetten via de code <body>: etc. Waar moet ik die code zetten? Ik krijgen geen enkel effect in de browser preview.
ik hoop dat jullie me kunnen helpen want ik ben wanhopig en sta bijna op het punt mijn monitor uit het raam te gooien!
Met vriendelijke groet,
Jelle
Een bewegende banner die de muisaanwijzer volgt
Je kunt verschillende redenen bedenken om een bewegende banner op een pagina weer te
geven. Om mensen te bedanken, als advertentie, voor bijzondere gelegenheden, om de
aandacht te trekken voor een speciaal bericht, noem maar op. Deze banner zit vast aan de
cursor, tenzij je iets anders opgeeft in het script.
Je kunt dit effect verkrijgen door het volgende script tussen de codes <body> en </body> te
zetten. Je kunt het bericht (de variabele scroller_msg) en de tijd dat het wordt weergegeven
(de variabele dismissafter) aanpassen. Als de waarde voor de duur 0 is, wordt het bericht
continu weergegeven.
<SCRIPT language="JavaScript1.2">
<!--
var scroller_msg='Welcome to our site!'
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll"
style="position:absolute;width:150px;border:1px solid
black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</SCRIPT>
Alles wat je nu nog hoeft te doen is het effect als volgt in werking zetten via de code <body>:
<Body style="width:100%;overflow-x:hidden;overflow-y:scroll">
