| |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
zakouri
Inscrit le: 30 Oct 2006
Messages: 4
|
|
| Revenir en haut de page |
|
 |
admin
Spécial
Inscrit le: 01 Juin 2006
Messages: 24
|
|
| Revenir en haut de page |
|
|
admin
Spécial
Inscrit le: 01 Juin 2006
Messages: 24
|
 Posté le: Mer Déc 20, 2006 5:08 pm Sujet du message: Utilisation de ces effets |
 |
|
Pour vous aider voici comment utiliser les effets javascript de scriptaculous
1. Recuperez la dernière version de sciptaculous http://script.aculo.us/downloads
2. Decompressez l'archive et l'uploader à la racine de votre site
3. mettre ces lignes entre la balise head (en supposant que vos fichiers sont dans le repertoire js)
| Code: |
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
|
Votre document HTML
| Code: | <html>
<head>
<title>Mon test</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
</head>
<body>
<h1 id="title">
<a href="#">Lorem ipsum dolor sit amet</a>
</h1>
<p id="mytext" style="display:none">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut
fringilla arcu at turpis. Fusce libero. Morbi libero dolor,
vestibulum id, facilisis quis, malesuada vel, mi. Curabitur
rutrum sapien at ante. Sed consectetuer accumsan sapien.
Suspendisse scelerisque malesuada magna. Ut laoreet, sapien
facilisis venenatis pharetra, metus libero malesuada purus, id
ultrices dolor odio id nunc. Nullam vestibulum. Vivamus lectus
lacus, volutpat ut, varius sit amet, gravida at, nisi.
Suspendisse sodales auctor mi. Mauris est.</p>
</body>
</html> |
D'autres effets possibles :
| Code: | <p>
<a href="#" onclick="new Effect.BlindDown('mytext', 1)">BlindDown</a> |
<a href="#" onclick="new Effect.BlindUp('mytext', 1)">BlindUp</a> |
<a href="#" onclick="new Effect.Highlight('mytext', 1)">Highlight</a> |
<a href="#" onclick="new Effect.Grow('mytext', 1)">Grow</a> |
<a href="#" onclick="new Effect.Shrink('mytext', 1)">Shrink</a> |
<a href="#" onclick="new Effect.Squish('mytext', 1)">Squish</a> |
<a href="#" onclick="new Effect.SwitchOff('mytext', 1)">SwitchOff</a> |
<a href="#" onclick="new Effect.Shake('mytext', 1)">Shake</a> |
<a href="#" onclick="new Effect.Pulsate('mytext', 1)">Pulsate</a> |
<a href="#" onclick="new Effect.Fold('mytext', 1)">Fold</a> |
<a href="#" onclick="new Effect.DropOut('mytext', 1)">DropOut</a> |
<input type="button" value="Reset" onclick="new Effect.Appear('mytext', 1)" />
</p> |
|
|
| Revenir en haut de page |
|
|
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
|
| |
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
Profil
S'enregistrer
Connexion
Se connecter pour vérifier ses messages privés
