JavaScript, jQuery och Ajax från noll till Guru

Min videokurs

Videokursen "JavaScript, jQuery och Ajax från noll till Guru" det lär dig att "blåsa liv" i sidorna, vilket gör dem med fantastiska effekter och maximal bekvämlighet för användaren.

Kurs lär dig att skriva skript i JavaScript, liksom utbildad i användningen av biblioteket jQuery och teknik Ajax.

Nästan alla snygg webbplats (med en vacker bildgallerier , reglage, mjuka övergångar och så vidare) använder jQuery. Och nästan alla seriösa webbplats i full användning teknik Ajax, vilket gör arbetet med webbplatsen så bekvämt som möjligt.

Därför kursen "JavaScript jQuery och Ajax från noll till Guru" du behövs bara om du vill skapa en verkligt värdig platser.

Mer..

Vacker form med fyllning indikator.

Vacker form med fyllning indikator.

Hej alla. Idag vill jag visa dig hur du snabbt kan skapa en vacker form med en full-indikator.

Gå till platsen https://github.com/Colourity/Fort.js och hämta arkivet med stilar och manus. Skapa html-fil med följande innehåll:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Fort.js</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="fort.min.css">
  <script src="fort.min.js"></script>
</head>
<body>
  <div class="form-wrapper">
   <div class="top">
   <div class="colors"></div></div>
   <h1 style="color: #000; text-align: center;">Fort.js</h1>
   <form name="form" action="#">
    <div class="form">
     <div class="form-item">
      <label for="text">
      <span class="fontawesome-user"></span></label>
      <input type="text" name="text" required="required" placeholder="Name" autocomplete="off">
     </div>
     <div class="form-item">
      <label for="text">
      <span class="fontawesome-user"></span></label>
      <input type="text" name="text" required="required" placeholder="Username" autocomplete="off">
     </div>
     <div class="form-item">
      <label for="password">
      <span class="fontawesome-lock"></span></label>
      <input type="password" name="password" required="required" placeholder="Password" autocomplete="off">
     </div>
     <div class="button-panel">
      <input type="submit" class="button" title="Sign In" value="Test It Out">      <p class="view">
      <a href="https://github.com/Colourity/Fort.js" id="ref">View on GitHub</a></p>
     </div>
   </div>
   </form>
  </div>
  <script>
   sections();
  </script>
</body>
</html>

Att koppla stilar och skripttagg head, sedan skapa en form strikt struktur och funktionsanrop tag script. Beroende på vad vi kallar funktionen kommer effekten att bli annorlunda. Som form fyllning, kommer den översta raden flytta. Om till exempel ringa dig funktions sections är remsan indelad i sektioner med olika färger.

Sådana effekter kan vara: default(), sections(), gradient(), flash(). Försök var och se vad som förändrats.

I slutändan är det värt att säga att storleken på remsan, dess position, och så kan du ändra stilar.

Så är det. Tack för er uppmärksamhet.

Kopiering av material är endast tillåtet med författaren (Farhod Samatov) och indexeras direkt länk till din webbplats (https://minhtml.se)!

Lägger till mina vänner Linkedin: https://www.linkedin.com/in/farhod-samatov.
Om du vill utvärdera mig och mitt arbete och sedan skriva det i min grupp: https://www.linkedin.com/in/farhod-samatov.

Om du har några frågor, eller om du har en önskan att tala ut om den här artikeln, kan du lämna en kommentar längst ner på sidan.

Rekommendera artikeln till en vän:

Om du gillade platsen, länken till den (på din webbplats, forum, i kontakt)

  1. Textlänk :

    Det ser ut så här: Hur man skapar din webbplats

  2. BB-kod referens för indexet (till exempel kan du lägga den i signaturen):

Kommentarer (0):

För att lägga till en kommentar genom att logga in i systemet.
Om du ännu inte är registrerad på platsen, måste du först registrera.