Partes de codigo 2025, Janeiro

Inserir elemento entre outros elementos - CSS-Tricks

Inserir elemento entre outros elementos - CSS-Tricks

Por exemplo, se você tiver cinco parágrafos em uma linha e precisar inserir uma marca de quebra entre todos eles. Você não pode colocar antes de todos os cinco (você não "

Entradas que lembram o valor original - CSS-Tricks

Entradas que lembram o valor original - CSS-Tricks

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Image Preloader - CSS-Tricks

Image Preloader - CSS-Tricks

Maneira muito fácil de pré-carregar imagens que são necessárias posteriormente (por exemplo, quando um foco é executado) $ .preloadImages = function () (for (var i = 0; i "

Destacar rótulo relacionado quando entrada em foco - CSS-Tricks

Destacar rótulo relacionado quando entrada em foco - CSS-Tricks

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus" );)); "

Destaque Todos os Links para a Página Atual - CSS-Tricks

Destaque Todos os Links para a Página Atual - CSS-Tricks

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Esta função irá "

Obter coordenadas X, Y do mouse dentro da caixa - CSS-Tricks

Obter coordenadas X, Y do mouse dentro da caixa - CSS-Tricks

O código a seguir fornecerá as coordenadas X, Y de um clique do mouse em uma determinada caixa. Removendo tudo sobre o deslocamento, você pode facilmente obter o X, "

Corrigindo .load () no IE para imagens em cache - CSS-Tricks

Corrigindo .load () no IE para imagens em cache - CSS-Tricks

A função .load () é acionada quando o elemento que é chamado está totalmente carregado. É comumente usado em imagens, que podem não ser totalmente carregadas quando o "

Obter parâmetros de consulta como objeto - CSS-Tricks

Obter parâmetros de consulta como objeto - CSS-Tricks

Nicholas Ortenzio escreveu este pequeno plugin: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Obtenha uma largura nativa de imagens - CSS-Tricks

Obtenha uma largura nativa de imagens - CSS-Tricks

Se você selecionar uma imagem com jQuery e então usar .width (), você obterá a largura atual da imagem, mesmo se ela tiver sido dimensionada (por exemplo, largura máxima: 100%;). Você pode"

Corrigindo o índice z do IE - CSS-Tricks

Corrigindo o índice z do IE - CSS-Tricks

Esta não é uma solução definitiva para consertar todos os problemas estranhos do índice z do IE, mas certamente pode ajudar em algumas circunstâncias. O que ele faz é percorrer "

Fade Image Em Outra Imagem - CSS-Tricks

Fade Image Em Outra Imagem - CSS-Tricks

Faça um div do tamanho exato da imagem. Este div terá uma imagem de fundo aplicada a ele da segunda imagem. Em seguida, coloque uma imagem embutida dentro de "

Forçar um Iframe a recarregar - CSS-Tricks

Forçar um Iframe a recarregar - CSS-Tricks

Você pode tocar no src dele: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Corrigir o corte da lista suspensa no IE 7 - CSS-Tricks

Corrigir o corte da lista suspensa no IE 7 - CSS-Tricks

Execute (pelo menos a parte "Uso" abaixo) depois de carregar o jQuery e no final da página ou em uma instrução pronta do DOM. Observe que essa correção faz "

Fix Min / Max-Width para navegadores sem suporte nativo - CSS-Tricks

Fix Min / Max-Width para navegadores sem suporte nativo - CSS-Tricks

Este script verifica todos os elementos com uma classe de .fixMinMaxwidth e observa a janela. É aplicado apenas a navegadores sem largura mínima / máxima nativa "

Redimensionar iframe para caber no conteúdo (apenas no mesmo domínio) - CSS-Tricks

Redimensionar iframe para caber no conteúdo (apenas no mesmo domínio) - CSS-Tricks

Normalmente você define largura e altura para iframes. Se o conteúdo interno for maior, as barras de rolagem devem ser suficientes. O script abaixo tenta consertar isso por "

Evento de incêndio quando o usuário está inativo - CSS-Tricks

Evento de incêndio quando o usuário está inativo - CSS-Tricks

Veja as duas linhas comentadas abaixo, onde você pode inserir código para coisas a serem feitas quando o usuário fica ocioso e quando o usuário volta. Defina o modo ocioso "

Localizar e embrulhar e comercial - CSS-Tricks

Localizar e embrulhar e comercial - CSS-Tricks

Carregue este plugin. Então: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Altere o seletor conforme necessário. Esse é muito intenso. Agora você tem uma aula "

Fallback para jQuery hospedado por CDN - CSS-Tricks

Fallback para jQuery hospedado por CDN - CSS-Tricks

Várias grandes empresas oferecem cópias do jQuery hospedadas em seus CDNs (Content Delivery Network). Mais notoriamente Google, mas também Microsoft e jQuery "

Fade uma imagem para outro menu - CSS-Tricks

Fade uma imagem para outro menu - CSS-Tricks

Faça uma imagem de sprite CSS, com a metade superior e a metade inferior sendo as duas imagens entre as quais você deseja animar. O jQuery adiciona uma tag e "

Encontre todos os links internos - CSS-Tricks

Encontre todos os links internos - CSS-Tricks

Encontre todos os links que começam com o domínio do site, uma barra, um caminho de arquivo relativo ou uma hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Excluir $ (this) do Seletor - CSS-Tricks

Excluir $ (this) do Seletor - CSS-Tricks

Digamos que você queira anexar um manipulador de cliques a cada link de uma página. A função para esse manipulador de cliques transforma todos os outros links em cores diferentes. var "

Arrastável sem jQuery UI - CSS-Tricks

Arrastável sem jQuery UI - CSS-Tricks

Ele não tem todos os callbacks e opções sofisticadas, mas ei, ele torna as coisas arrastáveis ​​(e com um identificador especificado opcionalmente). (função ($) ("

Equalize Alturas de Divs - CSS-Tricks

Equalize Alturas de Divs - CSS-Tricks

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Exibir último tweet - CSS-Tricks

Exibir último tweet - CSS-Tricks

O código abaixo não funciona mais como está com a atualização da API do Twitter para 1.1 em 11/06/2013. A API 1.1 requer oAuth, que requer um servidor "

Concluído o evento de redimensionamento - CSS-Tricks

Concluído o evento de redimensionamento - CSS-Tricks

Se você está acostumado com algo como jQuery UI redimensionável, você obtém eventos aos quais pode ligar durante o redimensionamento, mas também no final do redimensionamento. Esse evento não existe "

Plug-in do jQuery Duplicate - CSS-Tricks

Plug-in do jQuery Duplicate - CSS-Tricks

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Exibir apenas as primeiras X Divs, alternar o resto - CSS-Tricks

Exibir apenas as primeiras X Divs, alternar o resto - CSS-Tricks

Var news = 2; hidenews = "- Ocultar arquivo de notícias"; showews = "+ Mostrar arquivo de notícias"; $ (". arquivo"). html (postedews); $ (". news: not (: lt (" + news + "))"). hide (); "

Exibir a última postagem do FeedBurner - CSS-Tricks

Exibir a última postagem do FeedBurner - CSS-Tricks

Este snippet exibirá a postagem mais recente em um feed do FeedBurner especificado. Basta definir o URL para o feed do FeedBurner desejado. $ (document) .ready (function () ("

Exibir navegador e versão - CSS-Tricks

Exibir navegador e versão - CSS-Tricks

Isso é específico do jQuery e contém uma espécie de hack / correção para lidar com o Chrome. Isso funciona entre o jQuery 1.5.1 e o jQuery 1.8.3. Foi no jQuery "