2010-09-16 37 views
3

J'ai cherché un terme particulier, il a donné «n» nombre de résultats. Quand je fais un paginate, il y a eu un effet et le contenu a été mis à jour après. Quel effet jquery Google utilise-t-il lors de la pagination des résultats de recherche? Toute suggestion ...quel effet jquery utilise google search pendant la pagination?

+0

Ceci est Google Instant, la nouvelle fonctionnalité. C'est juste un fondu de ce que je vois, ça et beaucoup de requêtes ajax. –

+0

@David jquery alternative pour obtenir cet effet? –

+0

On l'appelle fade, lol http://api.jquery.com/?ns0=1&s=fade –

Répondre

2

Ce n'est pas l'un des effets jQuery standard, quand l'appel AJAX définit l'opacité du contenu à 50% (ou quelque chose comme ça) et quand la page suivante est chargée, il supprime le contenu actuel , supprime l'opacité, applique les nouvelles données et fait passer le port d'affichage en haut de l'écran.

Devrait être très simple à reproduire.

EDIT

Ok donc je slapped something together in jsFiddle, il est juste une tentative très rapide et sale à reproduire la transition de la page Google, rappelez-vous que mon code jQuery est à des fins de démonstration, vous voulez utiliser callbacks AJAX changer l'état du contenu.

http://jsfiddle.net/puKBQ/

+0

un échantillon dans jquery? –

+0

Yup, voir mon edit –

1

Il n'est pas jQuery qu'ils utilisent, mais vous pouvez obtenir le même effet dans jQuery ou JavaScript vanille.

La méthode simple consiste à superposer la zone avec <div> avec un fond blanc et 50% (ajuster au besoin). C'est façon moins cher sur un processeur que l'évanouissement du contenu lui-même (en particulier dans différentes versions de FireFox pour une raison quelconque).

Le plugin commun pour cela est quelque chose comme the block UI plugin, mais si vous n'avez pas besoin d'afficher un message ou d'empêcher le comportement, vous feriez mieux de coder vous-même une version plus légère.

+0

un échantillon dans jquery? –

+0

un code ex simple dans jquery qui fait ce que je veux? –

+0

@MuraliVijay - Bien sûr, vous pouvez consulter les démos ici: http://jquery.malsup.com/block/#demos Personnellement, j'utilise blockUI parce que nous montrons des messages à plusieurs endroits, même juste un fondu avec un spinner de http://ajaxload.info/ (avec un fond transparent!) peut être un effet très agréable et simple pour communiquer la page fait quelque chose. –