O que o evento onmouseover faz em JavaScript

O ' ao passar o mouse ” executa a tarefa desejada quando o usuário passa o mouse sobre um elemento HTML. Ele suporta todos os tipos de elementos HTML, exceto “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script>” , elementos “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” e “<param>”. Em JavaScript, é usado principalmente para invocar e executar a função para executar a tarefa específica no acionamento do evento.<p> Este guia demonstrará o objetivo e o funcionamento do evento “onmouseover” em JavaScript.</p> <h2> <strong> Como funciona o “evento onmouseover” em JavaScript?</strong> </h2> <p> O ' <strong> ao passar o mouse</strong> ” permite a execução da função JavaScript passando o ponteiro do mouse sobre o elemento especificado.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/U8-NbkaDJf0?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sintaxe</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> elemento.<span class="me1"> ao passar o mouse</span> <span class="sy0"> =</span> função<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> meuScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Na sintaxe acima:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> elemento:</strong> Ele especifica o elemento HTML específico, como “<p>”, “<h2>”, “<h3>” etc.</li> <li> <strong> função():</strong> Ele representa a função definida que será invocada no acionador do evento.</li> <li> <strong> meuScript:</strong> Refere-se à definição da função para executar a tarefa específica quando ocorre o evento “onmouseover”.</li> </ul> <p> <strong> Sintaxe (com o método “addEventListener()”)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> elemento.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'passe o rato por cima'</span> , meuScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> Na sintaxe acima, o “ <strong> addEventListner()</strong> ” método anexa o “ <strong> ao passar o mouse</strong> ” para a execução da função JavaScript para executar algumas tarefas.</p> <h3> <strong> Exemplo 1: Aplicando o evento “onmouseover” para exibir a caixa de alerta com base na sintaxe básica</strong> </h3> <p> Neste cenário, um “ <strong> ao passar o mouse</strong> ” pode ser associado a “ <strong> <p></strong> ”, ou seja, elemento HTML de parágrafo para exibir a caixa de alerta com a mensagem fornecida no acionador do evento.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> Código HTML</strong> </h3> <p> Primeiro, dê uma olhada no seguinte código HTML:</p> <span class="sy0"> <</span> h2 alinhar<span class="sy0"> =</span><span class="st0"> 'Centro'</span><span class="sy0"> ></span> Exibir alerta <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Caixa</span></a> Usando<span class="st0"> 'ao passar o mouse'</span> Evento<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> passar o mouse sobre<span class="sy0"> =</span><span class="st0"> 'amostra()'</span><span class="sy0"> ></span> Passe o mouse sobre<span class="kw1"> esse</span> parágrafo para abrir uma caixa de alerta.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> No código acima:</p> <ul> <li> Primeiro, adicione um subtítulo de nível 2 através do “ <strong> <h2></strong> ” e defina seu alinhamento para “centro”.</li> <li> Em seguida, inclua um parágrafo com um “ <strong> ao passar o mouse</strong> ” evento redirecionando para a função chamada “ <strong> amostra()</strong> ” que será acionado ao passar o mouse sobre este parágrafo.</li> </ul> <h3> <strong> Código JavaScript</strong> </h3> <p> Agora, visualize o código JavaScript fornecido abaixo:</p> <span class="sy0"> <</span> roteiro<span class="sy0"> ></span> <br> <br> exemplo de função<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerta<span class="br0"> (</span><span class="st0"> 'evento onmouseover acionado'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> roteiro<span class="sy0"> ></span> <p> No trecho de código acima, a função “ <strong> amostra()</strong> ” é declarado para exibir o “ <strong> alerta</strong> ” com a mensagem declarada quando o evento “onmouseover” é acionado.</p> <p> <strong> Saída</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> Esta saída indica que quando o mouse passa sobre o parágrafo, a caixa de “alerta” aparece exibindo a mensagem declarada.</p> <h3> <strong> Exemplo 2: Aplicação do evento “onmouseover” para alterar a cor do plano de fundo com base na sintaxe do método “addEventListener()”</strong> </h3> <p> Este exemplo aplica o evento “onmouseover” com o método “addEventListener()” para alterar o parágrafo “ <strong> cor de fundo</strong> ” no acionador do evento.</p> <h3> <strong> Código HTML</strong> </h3> <p> O código HTML é dado abaixo:</p> <span class="sy0"> <</span> h2 alinhar<span class="sy0"> =</span><span class="st0"> 'Centro'</span><span class="sy0"> ></span> Mude o fundo <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Cor</span></a> Usando<span class="st0"> 'ao passar o mouse'</span> Evento<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p id<span class="sy0"> =</span><span class="st0"> 'teste'</span><span class="sy0"> ></span> Passe o mouse sobre<span class="kw1"> esse</span> parágrafo para mudar sua cor de fundo.<span class="sy0"> </</span> p<span class="sy0"> ></span> <p> Nas linhas de código acima:</p> <ul> <li> Da mesma forma, o “ <strong> <h2></strong> ” elemento cria um subtítulo de nível 2 alinhado em “ <strong> Centro</strong> ”.</li> <li> Depois disso, o “ <strong> <p></strong> ” representa o parágrafo com um id “teste”.</li> </ul> <h3> <strong> Código JavaScript</strong> </h3> <p> Agora, prossiga para o seguinte código JavaScript:</p> <span class="sy0"> <</span> roteiro<span class="sy0"> ></span> <br> <br> documento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'teste'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'passe o rato por cima'</span> , demonstração<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> demonstração de função<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> documento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'teste'</span><span class="br0"> )</span> .<span class="me1"> estilo</span> .<span class="me1"> fundo</span> <span class="sy0"> =</span> <span class="st0"> 'rosa'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> roteiro<span class="sy0"> ></span> <p> No bloco de código acima:</p> <ul> <li> O ' <strong> getElementById()</strong> ” é aplicado combinado com o método “ <strong> addEventListener()</strong> ” para buscar o parágrafo por meio de seu id associado “test” e associar o evento “mouseover” à função declarada como seu argumento.</li> <li> Agora, defina a função “ <strong> minhafunção()</strong> ”.</li> <li> Na definição da função, o “ <strong> document.getElementById()</strong> ” usa o método “ <strong> estilo.fundo</strong> ” para alterar a cor de fundo do parágrafo no acionador do evento.</li> </ul> <p> <strong> Saída</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> Como visto, o “ <strong> cor de fundo</strong> ” do parágrafo foi alterado após o evento acionado, ou seja, “mouseover”.</p> <h2> <strong> Conclusão</strong> </h2> <p> O JavaScript oferece o built-in “ <strong> ao passar o mouse</strong> ” que aciona uma ação desejada ao passar o ponteiro do mouse sobre o elemento HTML. Ele invoca a função JavaScript para executar a ação especificada no acionador do evento. Ele pode ser implementado com o “ <button>” ou outro elemento HTML como “<p>”, “<h>” etc. Este post explicou o uso e a funcionalidade do evento “onmouseover” em JavaScript.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/outro/" class="tag-cloud-link">Outro</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Categoria</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">De Outros</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ampliação</a> </li><li> <a href="/cinnamon/">Canela</a> </li><li> <a href="/reviews/">Avaliações</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Compressão</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software De Produtividade De Escritório</a> </li><li> <a href="/boot/">Bota</a> </li><li> <a href="/system-calls/">Chamadas De Sistema</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinologia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefone</a> </li><li> <a href="/kodi/">Código</a> </li><li> <a href="/gnome/">Gnomo</a> </li><li> <a href="/manjaro/">Delicadeza</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrente</a> </li><li> <a href="/tablet/">Tábua</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Ondulação</a> </li><li> <a href="/kde/">Onde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontes</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagens</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lula</a> </li><li> <a href="/mate/">Amigo</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Teclado</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptografia</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Átomo</a> </li><li> <a href="/red-hat/">Chapéu Vermelho</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Players De Mídia</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Vapor</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Potência</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegada</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odisséia</a> </li><li> <a href="/audio/">Áudio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Janelas</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legado)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Escritório</a> </li><li> <a href="/outro/">Outro</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/players-de-midia/">players de mídia</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/de-outros/">De outros</a> </li><li> <a href="/gnomo/">gnomo</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/proxima-nuvem/">próxima nuvem</a> </li><li> <a href="/virtude/">virtude</a> </li><li> <a href="/passagem-usb/">passagem USB</a> </li><li> <a href="/modo-de-seguranca/">#modo de segurança</a> </li><li> <a href="/passagem-de-dispositivo/">passagem de dispositivo</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Publicações Populares</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/18/3-ways-to-install-cmake-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/3-maneiras-de-instalar-o-cmake-no-raspberry-pi">3 maneiras de instalar o CMake no Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/40/icacls-the-ultimate-guide-in-managing-file-permissions-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/icacls-o-guia-definitivo-para-gerenciar-permissoes-de-arquivos">Icacls: o guia definitivo para gerenciar permissões de arquivos</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B1/how-to-define-amazon-ecs-task-definitions-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-definir-definicoes-de-tarefas-do-amazon-ecs">Como definir definições de tarefas do Amazon ECS?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A5/what-is-objects-equals-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/o-que-e-objects-equals-em-java">O que é Objects.equals() em Java</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A4/how-to-change-image-on-hover-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/como-alterar-a-imagem-ao-passar-o-mouse-em-javascript">Como alterar a imagem ao passar o mouse em JavaScript</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/90/what-are-the-differences-between-oracle-linux-and-ubuntu-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quais-sao-as-diferencas-entre-o-oracle-linux-e-o-ubuntu-linux">Quais são as diferenças entre o Oracle Linux e o Ubuntu Linux?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E4/chapter-2-boolean-algebra-and-its-related-computer-components-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/capitulo-2-algebra-booleana-e-seus-componentes-de-computador-relacionados">Capítulo 2: Álgebra Booleana e seus componentes de computador relacionados</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E2/what-is-android-system-webview-how-to-disable-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/o-que-e-o-sistema-android-webview-como-desativa-lo">O que é o sistema Android WebView – como desativá-lo?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/uninstall-python-in-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/desinstale-o-python-no-ubuntu-22-04">Desinstale o Python no Ubuntu 22.04</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/5-fixes-for-high-cpu-usage-by-windows-problem-reporting-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/5-correcoes-para-alto-uso-da-cpu-pelo-relatorio-de-problemas-do-windows">5 correções para alto uso da CPU pelo relatório de problemas do Windows</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/internet-explorer/95/fix-rss-feed-update-problems-resetting-feeds-database-internet-explorer-7-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/fix-rss-feed-update-problems-resetting-feeds-database-internet-explorer-7-winhelponline">Corrija problemas de atualização de feed RSS redefinindo o banco de dados de feeds no Internet Explorer 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/internet-explorer/"><span class="icon-chat"></span> Internet Explorer</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A0/monitoring-network-traffic-on-raspberry-pi-using-vnstat-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/monitorando-o-trafego-de-rede-no-raspberry-pi-usando-vnstat">Monitorando o tráfego de rede no Raspberry Pi usando vnStat</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A1/how-to-use-the-rsync-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/como-usar-o-comando-rsync-no-linux">Como usar o comando Rsync no Linux</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/75/how-to-use-emojis-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-usar-emojis-no-windows-10">Como usar emojis no Windows 10</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BB/automount-drives-on-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/unidades-de-montagem-automatica-no-linux">Unidades de montagem automática no Linux</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6E/how-to-get-current-branch-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-obter-o-branch-atual-no-git">Como obter o branch atual no Git</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/how-to-use-the-variables-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-usar-as-variaveis-no-powershell">Como usar as variáveis no PowerShell</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AD/how-to-manage-windows-autoplay-settings-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-gerenciar-as-configuracoes-de-reproducao-automatica-do-windows">Como gerenciar as configurações de reprodução automática do Windows?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C4/how-to-find-the-size-of-a-file-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-encontrar-o-tamanho-de-um-arquivo-em-programacao-c">Como encontrar o tamanho de um arquivo em programação C</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1B/6-fixes-for-mouse-stuttering-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/6-correcoes-para-gagueira-do-mouse-no-windows">6 correções para gagueira do mouse no Windows</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>