mouse ile değişen resim kodu
Kod:
<HTML> <HEAD> <TITLE>CSS Menü</TITLE> <style> .img1 {background-image: url('resim1.jpg')} .img2 {background-image: url('resim2.jpg')} .img3 {background-image: url('resim3.jpg')} .img4 {background-image: url('resim4.jpeg')} .img5 {background-image: url('resim5.jpeg')} </style> </head> <body bgcolor="#FBEC97"> <table cellpadding="0" cellspacing="0" width="200"> <tr> <td id="resim" class="img1" width="140" height="140"></td> <td> <a href="#1" OnMouseOver="resim.className=' img1'" OnMouseOut="resim.className='i mg1'">link 1</a><br> <a href="#2" OnMouseOver="resim.className=' img2'" OnMouseOut="resim.className='i mg1'">link 2</a><br> <a href="#3" OnMouseOver="resim.className=' img3'" OnMouseOut="resim.className='i mg1'">link 3</a><br> <a href="#4" OnMouseOver="resim.className=' img4'" OnMouseOut="resim.className='i mg1'">link 4</a><br> <a href="#5" OnMouseOver="resim.className=' img5'" OnMouseOut="resim.className='i mg1'">link 5</a></td> </tr> </table> </body> </html>