AccueilPortailFAQRechercherMembresGroupesS'enregistrerConnexion

Poster un nouveau sujet   Répondre au sujetPartagez | 
 

 Fantomes sur la page

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Messages : 9
Date d'inscription : 11/06/2008

MessageSujet: Fantomes sur la page   Lun 7 Oct - 20:37

#Fantômes (ou autres) sur la page by @admin


A mettre dans gestion des codes javascript
Code:
var Ghost = function() { var that = {}; if(jQuery.browser.msie) { if(jQuery.browser.version < { return that } } that.html = '<div class="ghost"></div>'; that.element = null; that.timer = null; that.interval = Math.floor(Math.random() * 1E3) + 1E3; that.directionX = Math.round(Math.random()); that.directionY = Math.round(Math.random()); if(that.directionX == 0) { that.directionX = -1 } if(that.directionY == 0) { that.directionY = -1 } that.screenWidth = null; that.screenHeight = null; that.elementWidth = 150; that.elementHeight = 145; that.init = function() { that.getBrowserSize(); jQuery(window).resize(function() { that.getBrowserSize() }); that.element = jQuery(that.html); that.timer = window.setInterval(that.move, that.interval); jQuery("body").append(that.element); that.move(true); that.move(); return that }; that.move = function(instant) { var distX = Math.floor(Math.random() * 100 + 100); var distY = Math.floor(Math.random() * 100 + 100); var currentX = that.element.offset().left; var currentY = that.element.offset().top; var newX = currentX + that.directionX * distX; var newY = currentY + that.directionY * distY; var maxX = that.screenWidth - that.elementWidth - 20; var maxY = that.screenHeight - that.elementHeight; if(newX > maxX) { newX = maxX; that.directionX = -that.directionX }else { if(newX < 0) { newX = 0; that.directionX = -that.directionX } } if(newY > maxY) { newY = maxY; that.directionY = -that.directionY }else { if(newY < 0) { newY = 0; that.directionY = -that.directionY } } var newAlpha = Math.random() - 0.1; if(newAlpha < 0.4) { newAlpha = 0.4 } if(instant) { that.element.css("top", Math.floor(Math.random() * that.screenHeight - that.elementHeight)); that.element.css("left", Math.floor(Math.random() * that.screenWidth - that.elementWidth)) }else { that.element.removeClass("moving-left"); that.element.removeClass("moving-right"); if(newX > currentX) { that.element.addClass("moving-right") }else { if(newX < currentX) { that.element.addClass("moving-left") } } that.element.stop(); that.element.animate({top:newY, left:newX, opacity:newAlpha}, {duration:that.interval, easing:"swing"}) } }; that.getBrowserSize = function() { that.screenWidth = jQuery(document).width(); that.screenHeight = jQuery(document).height() }; that.init(); return that };
jQuery(function(){
                var Ghosts = new Array();
                for (var i = 0; i < 5; i++) {
                    Ghosts.push(new Ghost());
                }
            })
Dans cette partie du code vous pouvez définir le nombre de fantômes en changeant 5 par un autre chiffre.
Code:
jQuery(function(){
                var Ghosts = new Array();
                for (var i = 0; i < 5; i++) {
                    Ghosts.push(new Ghost());
                }
Puis mettez dans votre CSS
Code:
.ghost {
    position: absolute;
    width: 150px;
    height: 145px;
    z-index: 10001;
    display: block;
    opacity: 0.8;
    background: transparent url('http://i56.servimg.com/u/f56/12/69/24/33/ghost10.png') no-repeat;
}
.ghost.moving-left {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}
vous pouvez changer d'images en changeant le lien
https://i56.servimg.com/u/f56/12/69/24/33/ghost10.png


SOURCE

DEMO
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://antonyadam.1fr1.net
yandawa



Messages : 1
Date d'inscription : 18/10/2014

MessageSujet: problem fantome   Sam 18 Oct - 14:57

Bonjour, merci pour le forum, plein d'idées intéressante.

J'ai un problème pour les fantômes!!!
sa ne marche pas... snif

J'ai bien fait un nouveau code javas.
J'ai ajouté le CCS.

Le faite que j'ai deja un CSS, avec des choses, peut être il y a des truc incompatible?

Voici le code que j'ai.
A ba non, peut pas mettre le code, dit il faut 7 jour pour poster lien, est dans mon code il y a des liens....


Merci Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Admin
Admin


Messages : 9
Date d'inscription : 11/06/2008

MessageSujet: Re: Fantomes sur la page   Sam 25 Oct - 18:18

Bonjour

Il faudrait votre code ou le lien du forum.

merci
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://antonyadam.1fr1.net
Contenu sponsorisé




MessageSujet: Re: Fantomes sur la page   Aujourd'hui à 10:37

Revenir en haut Aller en bas
 
Fantomes sur la page
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» ALLEN PAGE
» THE NOTORIOUS BETTY PAGE
» Fantomes (Bhoot)
» It might get loud -Jimmy Page, Jack White, The Edge-
» Jimmy Page : Outrider (1988)

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
 :: Votre 1ère catégorie :: DECO SCRIPTS-
Poster un nouveau sujet   Répondre au sujetSauter vers: