Submit Search
Upload
jQuery - 5 | WebMaster & WebDesigner
•
0 likes
•
583 views
Matteo Magni
Follow
Quinta lezione del modulo Jquery per il corso di WebMaster & WebDesigner
Read less
Read more
Technology
Art & Photos
Report
Share
Report
Share
1 of 18
Download Now
Download to read offline
Recommended
jQuery - 5 | WebMaster & WebDesigner
jQuery - 5 | WebMaster & WebDesigner
Matteo Magni
Primo approccio al design adattivo
Primo approccio al design adattivo
Salvatore Paone
Javascript - 1 | WebMaster & WebDesigner
Javascript - 1 | WebMaster & WebDesigner
Matteo Magni
Javascript - 5 | WebMaster & WebDesigner
Javascript - 5 | WebMaster & WebDesigner
Matteo Magni
Javascript - 6 | WebMaster & WebDesigner
Javascript - 6 | WebMaster & WebDesigner
Matteo Magni
Javascript - 3 | WebMaster & WebDesigner
Javascript - 3 | WebMaster & WebDesigner
Matteo Magni
Javascript - 7 | WebMaster & WebDesigner
Javascript - 7 | WebMaster & WebDesigner
Matteo Magni
jQuery - 3 | WebMaster & WebDesigner
jQuery - 3 | WebMaster & WebDesigner
Matteo Magni
More Related Content
More from Matteo Magni
Introduzione DevOps con Ansible
Introduzione DevOps con Ansible
Matteo Magni
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesigner
Matteo Magni
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
Matteo Magni
jQuery - 4 | WebMaster & WebDesigner
jQuery - 4 | WebMaster & WebDesigner
Matteo Magni
jQuery - 2 | WebMaster & WebDesigner
jQuery - 2 | WebMaster & WebDesigner
Matteo Magni
jQuery - 1 | WebMaster & WebDesigner
jQuery - 1 | WebMaster & WebDesigner
Matteo Magni
Javascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
Matteo Magni
Javascript - 2 | WebMaster & WebDesigner
Javascript - 2 | WebMaster & WebDesigner
Matteo Magni
Web Usability - 3 | WebMaster & WebDesigner
Web Usability - 3 | WebMaster & WebDesigner
Matteo Magni
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
Matteo Magni
Web Usability - 1 | WebMaster & WebDesigner
Web Usability - 1 | WebMaster & WebDesigner
Matteo Magni
Seo e Web Marketing - 5 | WebMaster & WebDesigner
Seo e Web Marketing - 5 | WebMaster & WebDesigner
Matteo Magni
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Matteo Magni
Seo e Web Marketing - 3 | WebMaster & WebDesigner
Seo e Web Marketing - 3 | WebMaster & WebDesigner
Matteo Magni
Seo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesigner
Matteo Magni
More from Matteo Magni
(20)
Introduzione DevOps con Ansible
Introduzione DevOps con Ansible
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
jQuery - 4 | WebMaster & WebDesigner
jQuery - 4 | WebMaster & WebDesigner
jQuery - 2 | WebMaster & WebDesigner
jQuery - 2 | WebMaster & WebDesigner
jQuery - 1 | WebMaster & WebDesigner
jQuery - 1 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
Javascript - 2 | WebMaster & WebDesigner
Javascript - 2 | WebMaster & WebDesigner
Web Usability - 3 | WebMaster & WebDesigner
Web Usability - 3 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 1 | WebMaster & WebDesigner
Web Usability - 1 | WebMaster & WebDesigner
Seo e Web Marketing - 5 | WebMaster & WebDesigner
Seo e Web Marketing - 5 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 4 | WebMaster & WebDesigner
Seo e Web Marketing - 3 | WebMaster & WebDesigner
Seo e Web Marketing - 3 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesigner
Seo e Web Marketing - 2 | WebMaster & WebDesigner
jQuery - 5 | WebMaster & WebDesigner
1.
JQuery [5] Matteo Magni
2.
Effects jQuery possiede anche un
buon numero di funzionalità per fare animazioni/effetti nelle nostre pagine
3.
Basic • .hide() <div id="clickme"> Click here </div> <img id="book" src="book.png" alt="" width="100" height="123" /> With the element initially shown, we can hide it slowly: $('#clickme').click(function() { $('#book').hide('slow', function() { alert('Animation complete.'); }); });
4.
show • .show() <div id="clickme"> Click here </div> <img id="book" src="book.png" alt="" width="100" height="123" /> With the element initially hidden, we can show it slowly: $('#clickme').click(function() { $('#book').show('slow', function() { // Animation complete. }); });
5.
toggle • .toggle() Mostra
e nasconde l'elemento in base allo stato che ha.
6.
Fading • .fadeIn() • .fadeOut() •
.fadeTo() • .fadeToggle() All'effetto di far apparire l'elemento aggiunge la dissolvenza
7.
Sliding • .slideDown() • .slideToggle() •
.slideUp() Aggiunge lo scorrimento all'animazione di far apparire l'elemento.
8.
Callback In tutti questi
metodi possiamo aggiungere una funzione di callback che viene invocata quando l'animazione è terminata. $('#clickme').click(function() { $('#book').slideDown('slow', function() { // Animation complete. }); });
9.
Plugin http://archive.plugins.jquery.com/ I plugin sono
metodi personalizzati che estendono le funzionalità di jQuery.
10.
jQuery Tablesorter http://tablesorter.com/docs/
11.
tablesorter <table id="myTable" class="tablesorter"> ... <td>Conway</td> <td>$50.00</td> <td>http://www.timconway.com</td> </tr> </tbody> </table> $(document).ready(function() { $("#myTable").tablesorter(); });
12.
Finestre modali http://www.designresourcebox.com/fancybox-lighbox-jquery-plugin/ http://fancyapps.com/fancybox/ $(document).ready(function() { $(".fancybox").fancybox({ openEffect : 'none', closeEffect
: 'none' }); });
13.
Validation
14.
Validation [2] // validate signup form on keyup and submit $("#signupForm").validate({ rules: { firstname: "required", lastname: "required", username: { required: true, minlength: 2 },
15.
Cypher plugin? http://docs.jquery.com/Plugins/Authoring (function( $ ) { $.fn.cypher = function() { // Do your awesome plugin stuff here }; })( jQuery );
16.
HTML <div class="container"> <p class="sosacroniro">sosacroniro.com</p> <p class="sosacroniro">sosacroniro.it</p> </div>
17.
Javascript (function( $ ) { $.fn.cypher = function() { this.each(function() { alert($ (this).text()); }); }; })( jQuery );
18.
Domande? Slide: http://cypher.informazione.me/ Code: https://github.com/inFormazione/Cypher/ mail: matteo@magni.me
Download Now