WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

jQuery tpTooltip plugin

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


jQuery tpTooltip plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

jQuery tpTooltip plugin é um plugin que permite que você criar dicas de ferramentas em qualquer elemento que você quer em sua página web / aplicação. Inclua apenas um javascript e css no seu html, criar sua própria pele com o arquivo PSD incluído (fatias está pronto para publicar diretamente a pele), e está tudo pronto.

Principais características

  • Altamente personalizável (olhar para as propriedades abaixo),
  • Esfola suportados com um único arquivo PSD,
  • incluiu 4 peles padrão (preto, vermelho, verde, azul),
  • dados estáticos ou dinâmicos AJAX carregamento de dados suportados
As propriedades deste plugin que você pode modificar para suas necessidades são:

 posição: "top", // "top", "esquerda", "bottom", "direito" seta: "esquerda", // "top", "middle", "bottom", "esquerda", "center", "direito" pele: "flat", // atualmente liso, vermelho, azul e preto, você pode adicionar seu próprio fadeintime: 200, // tempo limite para desvaneça dica em fadeouttime: 200, // tempo limite para dica desaparecer showdelay: 200, // dica de ferramenta mostra o tempo (milissegundos) hidedelay: 200, // dica hide atraso (milissegundos) offsetx: 0, // dica deslocamento horizontal OffsetY: 0, // dica deslocamento vertical ajax: null, // URL para obter conteúdo a partir de html: null, // HTML conteúdo objID: null, // conteúdo objeto wrapper ID imagem: null, // caminho de imagem elementStyle: "", // parâmetros de estilo aplicada a dica de ferramenta manipulador elementClass: null, // nome da classe aplicada a dica de ferramenta manipulador onclick: false, // caso o uso do mouse clique em vez de introduzir tooltipOffset: 10, // compensar dica de ferramenta mostra animação animateTooltip: true, // animada exibição ou seletor de indicação direta alwaysvisible: false // diz se dica de ferramenta deve estar sempre visível 

Como instalar

Acrescentar estes linhas entre o seu arquivo html "<head> </ head>" tags:
 <script src = "lib / jquery.tptooltip.js" type = "text / javascript"> </ script> <link rel = href "stylesheet" = "estilos / jquery.tptooltip.css"> </ link> 
e, em seguida, este código irá adicionar dica para seus ".tooltip" elementos classificados:
 <script> $ (". dica de ferramenta") tptooltip ({html: "Eu tenho uma dica de ferramenta"});. </ script> 

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
4 13 de junho

Última atualização:
4 13 de junho

Alta resolução:
Sim

Navegadores compatíveis:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, CSS, Layered PSD

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, ajax, imagem, jquery, psd, tooltip