Facebook
From Crimson Hamster, 1 Week ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 52
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Document</title>
  5.     <style type="text/css">
  6.     * {
  7.         margin:0; padding:0;
  8.     }
  9.     nav {
  10.         background:#000080;
  11.         padding:4px 10px;
  12.     }
  13.     nav ul {
  14.         display:flex;
  15.     }
  16.     nav ul li a {
  17.         color:#fff;
  18.         text-decoration:none;
  19.         padding:5px 30px;
  20.         border-right:7px solid white;
  21.     }
  22.     nav ul li {
  23.         list-style-type:none;
  24.         padding-left:0;
  25.     }
  26.     </style>
  27. </head>
  28. <body>
  29.     <article>
  30.         <h1>menu</h1>
  31.         <nav>
  32.             <ul>
  33.                 <li><a href="https://fajnepodroze.pl/wp-content/uploads/2020/07/Husky-syberyjski.jpg">STRONA1</a></li>
  34.                 <li><a href="https://www.breakthroughresearch.org.uk/wp-content/uploads/2020/04/owczarek-niemiecki.jpg">STRONA2</a></li>
  35.                 <li><a href="http://www.shiba.inus.pl/shibafajne/ike/ike4.jpg">STRONA3</a></li>
  36.                 <li><a href="#"">STRONA4</a></li>
  37.                 <li><a href="http://prntscr.com/575gij" id="nieklikaj">NIE KLIKAJ</a></li>
  38.             </ul>
  39.         </nav>
  40.     </article>
  41.     <script src="jquery.js"></script>
  42.     <script>
  43.         (function($)
  44.            {
  45.                $(document).ready(function()
  46.                {
  47.                     $("a").on("mouseover",function()
  48.                     {
  49.                         $("nav").css("background","red");
  50.                     })
  51.                     $("#nieklikaj").one("mouseover",function()
  52.                     {
  53.                         alert('nie klikaj!');
  54.                     })
  55.  
  56.                });
  57.            })(jQuery)
  58.     </script>
  59. </body>
  60. </html>
  61.