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..

Fallande Snöa i Javascript

Fallande Snöa i Javascript

Beskrivning: I dag har beslutat att förbereda sig för dagen-to-date script. På gatan vintern, Snöa, och det föreföll mig att många Web-master, skulle också vilja se på sina webbplatser fallande snöflingor. Jag presentera skript "Fallande snö på JavaScript". Fördelar med skriptet är att den inte behöver någon tredje part bilder, eftersom snöflinga - detta är den vanliga "*". Därför är skriptet mycket bra, och om du vill skapa en vinter atmosfär på din webbplats, kan du kopiera skriptet och klistra in den på din hemsida.

JavaScript-kod (infoga mellan taggarna <head> och </head>):

<script type="text/javascript">// <![CDATA[
// Antal snöflingor på sidan (Put in gränserna 30-40, rekommenderar inte mer)
var snowmax=35;
// Ställ in färgen på snön, lägga till så många färger som du vill
var snowcolor=new Array("#AAAACC", "#DDDDFF", "#CCCCDD", "#F3F3F3", "#F0FFFF", "#FFFFFF", "#EFF5FF")
// Sätt teckensnitt vars snöflinga skapas sätta många bokstäver som du vill
var snowtype=new Array("Arial Black", "Arial Narrow", "Times", "Comic Sans MS");
// Symbolen för en snöflinga som skall göras (standard *)
var snowletter="*";
// Hastigheten av fallande snö (rekommenderar i intervallet från 0,3 till 2)
var sinkspeed=0.6;
// Maximal storlek på snöflinga
var snowmaxsize=22;
// Den minsta storleken av snöflingor
var snowminsize=8;
// Ställ in läget av snön
// Ange 1 för att snön var på hela webbplatsen, bara två kvar
// 3 endast i centrum, fyra snö höger
var snowingzone=1;
/*
// * Efter frasen NO MORE KONFIGURATION*
*/
// Ingenting förändras
var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {
  rand=Math.floor(range*Math.random());
  return rand;
}

function initsnow() {
  if (ie5 || opera) {
    marginbottom=document.body.clientHeight;
    marginright=document.body.clientWidth;
  }
  else if (ns6) {
    marginbottom=window.innerHeight;
    marginright=window.innerWidth;
  }
  var snowsizerange=snowmaxsize-snowminsize;
  for (i=0;i<=snowmax;i++) {
    crds[i]=0;
    lftrght[i]=Math.random()*15;
    x_mv[i]=0.03+Math.random()/10;
    snow[i]=document.getElementById("s"+i);
    snow[i].style.fontFamily=snowtype[randommaker(snowtype/length)];
    snow[i].size=randommaker(snowsizerange)+snowminsize;
    snow[i].style.fontSize=snow[i].size+"px";
    snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
    snow[i].sink=sinkspeed*snow[i].size/5;
    if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
    if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
    if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
    snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
    snow[i].style.left=snow[i].posx+"px";
    snow[i].style.top=snow[i].posy+"px";
  }
  movesnow();
}

function movesnow() {
  for(i=0;i<=snowmax;i++) {
    crds[i]+=x_mv[i];
    snow[i].posy+=snow[i].sink;
    snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
    snow[i].style.top=snow[i].posy+"px";
  if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])) {
    if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
    if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
    if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
    snow[i].posy=0;
  }
  }
  var timer=setTimeout("movesnow()",50);
}
for (i=0;i<=snowmax;i++) {
  document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");
}
if (browseok) {
  window.onload=initsnow;
}
// ]]></script>

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.