2010-09-28 10 views
1

Salut à tous, j'essaie de trouver un bon exemple de ce type de curseur HERE. Je n'arrive pas à trouver le nom "officiel", donc je ne peux vraiment pas le chercher. L'effet que j'essaie de trouver est celui du triangle qui bouge/glisse en fonction de l'onglet sur lequel vous cliquez.jQuery curseur de l'onglet

Toute aide serait géniale! : O)

David

+0

Vous êtes à la recherche d'un curseur d'onglet ou d'un curseur d'image? –

+0

juste ce type de triangle coulissant. – StealthRT

Répondre

0

Voici un très bon guide, va sur les grands principes en cause.

http://flowplayer.org/tools/tabs/index.html

+0

Merci, mais je voulais dire juste le triangle que les films, pas les onglets eux-mêmes. : o) – StealthRT

+0

Tout ce qui se passe ici, c'est qu'il augmente la marge, sur le css pour le triangle. Ce sont les mêmes principes, appliqués à un objet différent - Dans votre cas, vous voudriez exécuter une boucle, qui augmente de la marge du triangle de 1. Donne-lui l'effet de diapositive. – Tim

0

Ce n'est pas un curseur, est juste une mise en page à onglets.

Vous pouvez voir la source JS à: http://www.adamscrap.com/js/switches.js

+0

Correct mais il glisse à son emplacement et je n'arrive pas à trouver comment cela est fait. Je pensais que c'était jQuery mais même avec ça sur la page ça ne "glisse" pas – StealthRT

0

il a utilisé la fonction this pour déplacer le triangle. Il suffit de regarder et vous verrez comme c'est simple!

+0

Correct mais ça glisse vers son emplacement et je n'arrive pas à trouver comment c'est fait. Je pensais que c'était jQuery, mais même avec cela sur la page, il ne "glisse" pas – StealthRT

+0

je suppose que vous n'avez pas utilisé firebug avant. Utilisez-le pour savoir où il a appelé la fonction et pour quels éléments. –