jQuery makter de visuelle effekter bak stilige nettsteder. JQuery er et JavaScript - basert web- programmeringsspråk som kan brukes til å utføre stilige visuelle menyer . Med jQuery , kan du opprette en meny som glir ned dynamisk som brukeren navigerer gjennom hele nettstedet . Den glidende jQuery application programming interface , eller API , er enkel å bruke. Instruksjoner
en
Åpne et tekstbehandlingsprogram som Microsoft Notisblokk og opprette en ny HTML- dokument ved hjelp av følgende linjer med kode : < ! DOCTYPE HTML >
< p>
2
legg til en tittel og definere stilark for menyen ved å legge linjer med kode som følger dette eksemplet:
jQuery SlideDown () med Middle posisjonert Elements < /title > <br> <p> <style type="text/css"> <br> <p> # container { <br > <p> bottom : 0px; <br> <p> display: none; <br> <p> venstre: 10px ; <br> <p> stilling : fast ; <br> <p> bredde : 90 % ; <br> <p> } <br> <p> < /style > <br> 3 <p> Legg til jQuery -basert navigasjon ved å kalle en Javascript funksjon som refererer til jQuery biblioteket : <br> <p> <script type="text/javascript" src="jquery-1.4.js"> < /script > <br> <p> <script type="text/javascript"> <br> <p> jQuery (funksjon ( $ ) { <br> <p> Var container = $ ("# container "); <br> 4 <p> Inkluder skyve veksle med følgende kode og hindre en standard arrangement , som vil vise menyen med noen effekter : . <br> <p> $ ( "a" ) klikk ( <br> <p> funksjon ( hendelse) { <br> <p> event.preventDefault (); <br > <br> 5 <p> Tillat brukere å veksle skyve meny basert på måten den er synlig : en <p> if ( container.is ( " : synlig" ) ) { <br> <p> container . slideUp (2000), <br> 6 <p> Fullfør jQuery menydisplay argument ved å gi alternativ når vilkårene i denne opplæringen ikke er oppfylt Endre og legg denne koden : en <p> } else { . <br> <p> container.slideDown (2000), <br> <p> } <br> <p> } <br> <p> ) ; <br> <p> } ) ; <br> <p> < /script > <br> <p> < /head > <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90860.html' >Hvordan lage en link Bounce Med jQuery </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90862.html' >Hvordan lage Sliding innhold i jQuery </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90845.html" title="Hvordan lage et sektordiagram i JSP hjelp JFreeChart " target="_self">Hvordan lage et sektordiagram i JSP hjelp JFreeChart </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90975.html" title="Hvordan lage en Div. som en Drabare Scriptaculous " target="_self">Hvordan lage en Div. som en Drabare Scriptaculous </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90880.html" title="JavaScript Avrundingsfunksjon " target="_self">JavaScript Avrundingsfunksjon </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90789.html" title="Hva er Script bloat " target="_self">Hva er Script bloat </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90797.html" title="Hvordan navigere fra jQuery Modal Vindu til en annen side " target="_self">Hvordan navigere fra jQuery Modal Vindu til en annen si…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90957.html" title="OnMouseOver Styles " target="_self">OnMouseOver Styles </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90963.html" title="Fjerne et vertikalt rullefelt i JavaScript " target="_self">Fjerne et vertikalt rullefelt i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90751.html" title="Variabler i Adobe Livet Cycles " target="_self">Variabler i Adobe Livet Cycles </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91151.html" title="Hvordan bruke Javascript Med Excel " target="_self">Hvordan bruke Javascript Med Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91228.html" title="Slik konverterer Javascript UTC Dato til Eastern Time " target="_self">Slik konverterer Javascript UTC Dato til Eastern Time </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87376.html" title="Hvordan legge til verdier i en ComboBox " target="_self">Hvordan legge til verdier i en ComboBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88883.html" title="Hvordan å kode i XSPF " target="_self">Hvordan å kode i XSPF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85945.html" title="Hvordan Split en FLAC -fil med Dev -C + + " target="_self">Hvordan Split en FLAC -fil med Dev -C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89189.html" title="Hvordan lage UML Fra Java Source " target="_self">Hvordan lage UML Fra Java Source </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86122.html" title="Hvordan lage din egen spillmotor " target="_self">Hvordan lage din egen spillmotor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95320.html" title="Hvordan lage VBS Scripts " target="_self">Hvordan lage VBS Scripts </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86198.html" title="Hvordan bruke Stack STL Container klasse " target="_self">Hvordan bruke Stack STL Container klasse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87711.html" title="Hvordan lage WinAPI Listbox " target="_self">Hvordan lage WinAPI Listbox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96314.html" title="Hva er en Visual Basic DataGrid " target="_self">Hva er en Visual Basic DataGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85978.html" title="Turbo C sorteringsmetodene " target="_self">Turbo C sorteringsmetodene </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 