Langkah-langkah cara membuat efek gambar jadi membesar jika disorot dengan mouse :
Copy kode html di bawah ini!
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript">
</script><img border="0" class="expando" height="100" src="http://1.bp.blogspot.com/-MlBiI81GcK4/VUwYOWCpNjI/AAAAAAAAF_U/lZWQlFsLwHs/s1600/Raka%2BSelvi.jpg" width="80" />
Copy kode html di bawah ini!
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript">
</script><img border="0" class="expando" height="100" src="http://1.bp.blogspot.com/-MlBiI81GcK4/VUwYOWCpNjI/AAAAAAAAF_U/lZWQlFsLwHs/s1600/Raka%2BSelvi.jpg" width="80" />
DEMO
Sorot gambar Raka & Selvi dibawah!
![]() |
Raka & Selvi |
Keterangan kode html membuat efek gambar jadi membesar jika disorot dengan mouse :
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript">
</script><img border="0" class="expando" height="100" src="http://1.bp.blogspot.com/-MlBiI81GcK4/VUwYOWCpNjI/AAAAAAAAF_U/lZWQlFsLwHs/s1600/Raka%2BSelvi.jpg" width="80" />
- Tulisan angka 100 biru adalah ukuran tinggi gambar sebelum membesar.
- Tulisan merah http://1.bp.blogspot.com/-MlBiI81GcK4/VUwYOWCpNjI/AAAAAAAAF_U/lZWQlFsLwHs/s1600/Raka%2BSelvi.jpg ini ganti dengan url gambar kalian.
- Tulisan angka 80 hijau adalah ukuran lebar gambar.
0 comments:
Posting Komentar