1.Adım
Bu Mouseover dinamik DHTML kodlarındandır
ve sayfalarda çok farklı
görsel efektler yaratmamızı sağlar.Bu
DHTML kodları sayfada
<BODY> </BODY>
tag'lerinin arasına gelecek şekilde yazılmalıdır.
2.Adım:
Mausun sayfada nasıl bir kontrol oluşturmasını
istiyorsanız ona göre
kodları etkilenecek nesneye göre bağlantı
kurmanız gerekir.Yukarı
daki örnekte maus bir resmin üzerine gittiğinde
sayfa zemininde renk değişikliği yaratmaktatır.Bu bir yazıda olabilir.Maus
bir yazının üzeri
ne götürüldüğünde sayfada renk değişikliği
yaratılabilir.Bunu sağlayan
onMouseover""
dir.Sayfaya renk verme işinide onMouseover"" in
tırnakları arasına yazılacak olan ve yabancısı
sayılmayacağımız document.bgColor='blackgreen'
sağlayacaktır.Renkleri
ingilizce
kelimelerle yazabileceğimiz gibi sayısal değerlerde
kullanabiliriz.
Bunun için blackgreen
nin yazıldığı tırnakların arasına
'#xxxxxx'
x
yerine sayısal ve alfabetik değerler koyarakta
renk vermeyi daha ke
sin bir şekilde sağlayabiliriz.Bunu için renk
palatine bakın.
3.Adım:
Aşağıdaki JavaScript kodlarını 1 adımda anlatılan
yere kes ve yapıştır yön temiyle kopyalayın.
4Adım:Aşağıdaki kodları <body> </body>tagı'nın
arasına yazılacak ve görünmesi istenilen resim
SRC="" de tırnakların arasına adı ve uzantısıyla bir
likte yazılacaktır.
<A href="http://www.geocities.com/paris/cathedral/1069/"
onmouseover="document.bgColor='blackgreen'">
<IMG align=right
alt="aşk insanın kendisidir." border=0 height=100
src="images/tantra.jpg" width=125></A>
<A href="http://www.geocities.com/paris/cathedral/1069/"
onmouseover="document.bgColor='blackblue'">
<IMG align=left alt="sevmek " border=0 height=100
src="images/foto22.gif" width=100></A>
<P>SIĞINAK</P>
<P>İçimin titreyişini anlatıyor</P>
<P>denizin üstündeki ışıkların parıldayışı</P>
<P>dalgaların hareketine bağlı yaşamları,</P>
<P>birde geceye.</P>
<P>insanların içinde arıyorum titreyişi,</P>
<P>birde gecenin yüzünde.</P>
<P>Ve</P>
<P>kendimi buluyorum ondaki izlerde.....</P><A
href="http://www.angelfire.com/ne/jibome/"
onmouseover="document.bgColor='lightrot'">
<IMG align=left alt="web okulu."
border=0 height=100 src="images/foto24.gif" width=80></A>
</A>
|