Hover Maximize Kullanım

1. Using hover to beautify layout

I use hover to beautify the layout of IconDock. For example, when you mouse over the blog title or the sidebar link, it displays an arrow.

IconDock

jQuery IconDock

2. Using hover to minimize clutter

QBN makes its layout look cleaner by hiding the extra buttons on default. When you mouse over a link block, the buttons will appear. Imagine how clutter it will be to display those buttons on every block.

QBN

Gucci puts focus on their product images by hiding the variations. When you hover the product image, it displays the variations and allows you to navigate through them.

Gucci

3. Using hover to display additional information (tooltip)

Coda combines CSS and Javascript to create a beautiful tooltip. When you mouse over the download link, additional information about their software fades in.

Coda

On Best Web Gallery, I use jQuery to display a larger image of the screencap.

Best Web Gallery

Bu yazı jQuery Script, Portfolio kategorisine gönderilmiş ve , , ile etiketlenmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

Hover Maximize Kullanım için 3 cevap

  1. Geri izleme: jQuery Hover Örnekleri

  2. Geri izleme: jQuery ile Hover Metodu | ZingoDers

  3. Geri izleme: jQuery Hover Kullanma Taktikleri | Zingocan | jQuery CSS Wordpress Blogu

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>