Effet de page en JQuery - Source d'essai

Canalblog

Editer l'article Suivre ce blog

Administration + Créer mon blog

Publicité

24 septembre 2009

Effet de page en JQuery

Un effet de coin de page qui s'ouvre en jquery pour insérer une pub ou autre ...

Ce script a été réalisé par: http://blog.jaysalvat.com, un super blog à visiter !!!!

Entre les balises <head> et <head>:

ne pas oublier de renseigner l'adresse de l'image illustration

<br /><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br /><br /> <script type="text/javascript"><br /><br /> /** <br /><br /> * Effet page cornée <br /><br /> * par Jay Salvat - http://blog.jaysalvat.com/ <br /><br /> */ <br /><br /> $(function() {<br /><br /> $('#corner img').hover(function() {<br /><br /> $(this).stop().animate({ width:'200px', height:'200px' });<br /><br /> }, function() {<br /><br /> $(this).stop().animate({ width:'80px', height:'80px' });<br /><br /> });<br /><br /> });<br /><br /> </script><br /><br /> <br /><br /> #corner {<br /><br /> position:absolute;<br /><br /> top:0px; right:0px;<br /><br /> z-index:9999;<br /><br /> background:url(adresse de l'image illustration.png) top right;<br /><br /> }<br /><br /> #corner img {<br /><br /> border:0;<br /><br /> width:80px; height:80px;<br /><br /> -ms-interpolation-mode: bicubic;<br /><br /> }<br /><br /> </style><br /><br />

Entre les balises body:

Renseigner l'adresse de retour de la pub et l'adresse de l'image "corner"

Les images à insérer:

Seule l'image "illustration" est à changer par rapport à vos besoins (dimensions 200x200)

voir la démo:

Posté par arian à 15:59 - Commentaires […] - Permalien [#]

Tags: jquery, Effets de page cornée

Partager cet article

Vous aimez ?

0 vote

Flying Planes script

Publicité

Publicité

Commentaires

A

arian

08/01/2010 18:23

perdu dans les méandres ??? je ne pense pas ... mdr ... je suis juste surbooké, comme d'hab'

S

steph

05/10/2009 13:48

enfin de retour !!!! tu étais perdu dans les méandres de la vie ?

Archives

2010
- Janvier (1)
2009
- Décembre (2)
- Octobre (1)
- Septembre (1)
- Avril (2)
- Mars (7)
- Février (7)
- Janvier (1)
2008
- Novembre (2)
- Octobre (3)
- Septembre (2)
- Juin (1)
- Mai (2)
- Avril (7)
- Mars (4)
- Février (35)

Publicité

Publicité