La page Saint Valentin
Télécharger
le script et les images necessaires : ( 2,86 Ko )
Selectionnez
et copiez le texte ci-dessous avant de le coller entre les balises <head> et </head> :
<style type="text/css">
<!--
.kisser {
position:absolute;
top:0;
left:0;
visibility:hidden;
}
-->
</style>
<script language="JavaScript1.2" type="text/JavaScript">
<!-- Début
//Traduction des commentaires par Gendnetclub.com
//Kissing trail- By dij8 (dij8@dij8.com)
//Modified by Dynamic Drive for bug fixes
//Visit http://www.dynamicdrive.com for this script
kisserCount = 15 //nombre maximum des images sur l'écran en même
temps
curKisser = 0 //the last image DIV to be displayed (used for timer)
kissDelay = 1000 //Durée d'apparition de l'images à l'écran
(en millisecondes)
kissSpacer = 50 //Temps séparant le mouvement de la souris avant
apparition du 1er coeur
theimage = "lips_small.gif" //nom de la 1ère image à
montrer
theimage2 = "small_heart.gif" //nom de la 2ème image
à montrer
//Detection du navigateur et analyse des variables
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll)
? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll)
? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all
//Variables utilisées dans ce script
var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer,
theimage
lastX = 0
lastY = 0
//Collecte des variables pour obtenir la position de souris et pour placer
les images
function doKisser(e) {
posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+kissSpacer)||posX<(lastX-kissSpacer)||posY>(lastY+kissSpacer)||posY<(lastY-kissSpacer))
{
showKisser(posX,posY)
lastX = posX
lastY = posY
}
}
// Determinez la position horizontale de la souris
function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}
// Determinez la position vertiavle de la souris
function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}
//Positionne l'image et lance le timming pour la faire disparaitre après
une certaine période
function showKisser(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55)
: x
if (curKisser >= kisserCount) {curKisser = 0}
eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK
+ ".left = " + processedx)
eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK
+ ".top = " + y)
eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK
+ ".visibility = '" + showbitK + "'")
if (eval("typeof(kissDelay" + curKisser + ")")=="number")
{
eval("clearTimeout(kissDelay" + curKisser + ")")
}
eval("kissDelay" + curKisser + " = setTimeout('hideKisser("
+ curKisser + ")',kissDelay)")
curKisser += 1
}
//Fonction pour effacer l'image
function hideKisser(knum) {
eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility
= '" + hidebitK + "'")
}
function kissbegin(){
//Detection du mouvement du curseur par le navigateur
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = doKisser
} else {
document.onmousemove = doKisser
}
}
window.onload=kissbegin
// Fin -->
</script>
Selectionnez
et copiez le texte ci-dessous avant de le coller entre les balises <body> et </body> :
<script language="JavaScript" type="text/JavaScript">
<!-- Début
// Ajoute tout les DIV's des images (ici les coeurs)
if (document.all||document.getElementById||document.layers){
for (k=0;k<kisserCount;k=k+2) {
document.write('<div id="kisser' + k + '" class="kisser"><img
src="' + theimage + '" alt="" border="0"></div>\n')
document.write('<div id="kisser' + (k+1) + '" class="kisser"><img
src="' + theimage2 + '" alt="" border="0"></div>\n')
}
}
// Fin -->
</script>
Création Gendnetclub
2000 - Tout droit de reproduction libre.
|