Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

Titre du site ligneweb.net
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
 Menu jQuery  - Cours 1  - Cours 2 
 Menu cours 1 jQuery  - introduction   - couleur texte  - images  - smiley  - défilement de texte 
 •  Le problème de la sécurité de nos systèmes informatiques. 


Cours 1 jQuery : avec LigneWeb -
introduction.



 © LigneWeb  ... /introduction au HTML 5.
© design : LigneWeb
© : alain jean deligne              ... Coins arrondis, ... ombrages, ... couleur de fond en dégradé : ...
... avec la propriété box-shadow ... avec inside (l'ombrage interne) ... donnant l'effet 3 D ... en CSS 3 ...
... avec la propriété box-shadow ... l'ombrage externe ... donnant l'effet 3 D ... en CSS 3 ...



Introduction au jQuery.

Suivez-nous.








Remarque : ... en CSS2 et CSS3 ... :

pour cette page et non visible ... :
le fichier ...  ligne21.css  ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...  Cours CSS 3 





Ce n'est pas de l'enseignement, c'est du partage de connaissances.

Qu'est ce que le jQuery ?

... pour modifier une page web sans la recharger, on demande de faire une commande au Navigateur ...
... à l'aide de la balise ... <script> ... </script> ...
... nous utilisons un langage de programmation, le JavaScript intégré à tout Navigateur ...
... pour une commande en JavaScript demandant 3 lignes, ...
... le jQuery le fait en 1 ligne ..., ... on voit tout de suite l'intérêt de ce langage ...

jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript
(comprenant Ajax) et HTML, et qui a pour but de simplifier des commandes communes de JavaScript.

La première version date de janvier 2006.

La bibliothèque contient notamment les fonctionnalités suivantes :

  • Parcours et modification du DOM (y compris le support
    des sélecteurs CSS 1 à 3 et un support basique de XPath),
  • Événements,
  • Effets visuels et animations,
  • Manipulations des feuilles de style en cascade
    (ajout/suppression des classes, d'attributs…),
  • Ajax,
  • Plugins,
  • Utilitaires (version du navigateur web…).


...  fenêtre sur l'univers  ...         © design : LigneWeb

Des exemples :

Simple, efficace et complète, la bibliothèque JavaScript jQuery permet de manipuler
les pages HTML au moyen de JavaScipt de façon révolutionnaire. Finie la syntaxe compliquée :
la fonction jQuery(), abrégée en $(), remplace toutes les méthodes de JavaScript.









...  fenêtre sur l'univers  ...         © design : LigneWeb

Nous allons ajouter ci-dessous une petite gallerie d'image








...  fenêtre sur l'univers  ...         © design : LigneWeb

Petit dessin



Le petit smiley créé en canvas.

Ce n'est pas compliquer n'est-ce pas !   :)

Voici l'intégralité du script

Nous avons ajouter des commentaires aux code pour vous faciliter la lecture et la compréhension






... exemples réalisés par Vladimir Miletić ... pour son stage en entreprise ...


...  fenêtre sur l'univers  ...         © design : LigneWeb




Le défilement de texte : en jQuery ...

... il fonctionne à gauche dans le menu et se nomme : présentation ...

... le code dans le fichier HTML ...

... le code dans le fichier CSS ...

... il faut appeler le script ...

... le script jquery.scrollbox.js ...



... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 Menu jQuery  - Cours 1  - Cours 2 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
- Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies