Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur man gör Sliding Innehållet i jQuery

    Många webbplatser använder idag ett programmeringsspråk som heter jQuery för att presentera innehållet i dynamiska och övertygande sätt samtidigt som den ger unika upplevelser webbanvändare . Sliding innehåll områden kan genomföras med jQuery språket . Denna handledning kommer att gå igenom de nödvändiga stegen för att skapa ett horisontellt och vertikalt glidande innehåll område . Instruktioner
    1

    Skapa div -ID för varje innehåll område . Följande exempel på kod visar hur man kan upprätta en div och objekt klass som senare kommer att refereras till i koden :


    < div id = " mask >

    < div id = " example1 " class = " example1 "

    < a name = " example1 " < /a>

    < div class = " content " > example1

    < a href = " # example1 " class = " panel " < 1 > < /a>

    < a href = " # Exempel2 " class = " panel " < 2 > < /a>

    < /div >

    < /div >
    2

    Använd CSS att definiera det sätt som innehållet , kommer att bete sig när det diabilder och referenser den klass som du har skapat exempel :

    body {

    höjd : 100 % ;
    < p . > width : 95% ;

    marginal : 0 , padding : 0 ;

    }

    # wrapper {

    width : 500 % ;

    höjd : 100 % ;

    bakgrundsfärg: # eee ;

    }

    . post {

    width : 400px ;

    höjd : 300px ;

    top : 20 % ;

    marginal : 0 auto ;

    bakgrund - color : # aaa ;

    läge : . relativ ;

    }

    ändra variablerna i varje element ovan och lägga till eller ta bort ytterligare CSS element som behövs
    < . br > Billiga 3

    Skriv javascript - baserade jQuery funktion som kommer att använda dina klasser att presentera innehåll som definieras i CSS-filen i följande exempel med kommentarer visar hur du kan manipulera klasser och områden innehåll :

    $ ( document) . färdig ( function ( ) {

    //få alla länkar i klassen panelen

    $ ( ' a.panel ' ) . klicka ( function ( ) {

    //återställa länken som du markerat och valt det aktuella objektet för att ändra storlek på den

    ström = $ ( this);

    };

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur får man gratis Cursor Effekter
    ·Hur man använder JavaScript för att skapa ett antal P…
    ·Styra en webbsida med hjälp av JavaScript
    ·Hur man gör en User Script i GreaseMonkey
    ·Hur Kontrollera om musen är över DIV JavaScript
    ·Hur vill kolla Null-värde i JavaScript
    ·Hur man använder Java Script i Microsoft Office
    ·Hur man gör en JavaScript Cykling Banner
    ·Hur man skapar en miniräknare med Javascript
    ·Konvertera Javascript Variabel till Text
    Utvalda artiklarna
    ·Hur skapa dynamiska webbsidor med PHP
    ·Vad är UML Software
    ·Hur man tar bort rader från en Array i PHP
    ·Konvertera Space till Newline
    ·Hur man håller en löpande summa av en variabel i Pyth…
    ·Hur visa ett Word-dokument från PHP
    ·Skapa en PHP System File Arkiv
    ·OpenVex API
    ·Hur flytta objekt med en konstant hastighet i Unity
    ·Hur man kompilerar SWC
    Copyright © Dator Kunskap http://www.dator.xyz