Kode-kode mouse over html

advertisment

Selamat datang di blog Panduan Belajar Website Lengkap . Berikut ini adalah update artikel terbaru mengenai informasi tentang Kode-kode mouse over html silahkan untuk membaca dengan seksama dan mohon untuk disikapi dengan bijaksana mengenai informasi di artikel Kode-kode mouse over html , semoga artikel tentang Kode-kode mouse over html dapat menambah wawasan serta info yang anda cari atau butuhkan.

anbu-files.blogspot.com - Kode-kode mouse over html - berikut ini adalah contoh kode-kode html untuk efek mouse over :

<p style="text-align: center;"><a href="platinum-forum.html"><img src="images/stories/demo/platinum_forum.png" border="0" onmouseover="this.src='images/stories/demo/platinum_forum_white.jpg';" onmouseout="this.src='images/stories/demo/platinum_forum.png';" style="border: 0pt none;" /></a></p>


<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=56"><img src="images/stories/menu1.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu1.jpg';" style="border: 0pt none;" border="0" /></a>
</p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=57"><img src="images/stories/menu2.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu2.jpg';" style="border: 0pt none;" border="0" /></a>
</p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=58"><img src="images/stories/menu3.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu3.jpg';" style="border: 0pt none;" border="0" /></a>
</p>


<p style="text-align: center;"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=34&amp;Itemid=56"><img src="/images/stories/catering.jpg" border="0" width="420" height="111" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" /></a> <a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=35&amp;Itemid=56"><img src="/images/stories/wedding.jpg" border="0" width="421" height="111" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" /></a></p>

advertisment

Terima Kasih Atas Kunjungan Anda | Semoga informasi dari Blog ini dapat bermanfaat bagi Anda
Judul: Kode-kode mouse over html
Ditulis Oleh ndesain.web.id
Tulisan ini memberikan informasi yang bermanfaat untuk anda? Jika mengutip harap berikan link yang menuju ke artikel ini ataupun langsung ke artikel sumber Kode-kode mouse over html. Sebarkanlah jika artikel ini bermanfaat menggunakan link share sosial media di bawah. Terima kasih atas kunjungannya, jangan lupa untuk membaca related post menarik lainnya