Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Editer l'article
Suivre ce blog
Administration
Connexion
+
Créer mon blog
MENU
Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Recherche
Rechercher
Connexion
+
Créer mon blog
Editer l'article
Suivre ce blog
Administration
Partager
Tutorial, CSS, HTML
Accueil
Catégories principales
Amados ángeles
Animales
Antivirus
Bienvenido
Bordes
Boton
Carnaval
Color RGB HEX...
Con fondo flash
Cuadros alimentos
Cuadros amor
Cuadros animales
Cuadros flores
Cuadros humor
Cuadros musica
Cuadros naturaleza
Cuadros navideños
Cuadros para fondos...
Cuadros Pascua
Cuadros personas
Archives
2017
Novembre (8)
Octobre (8)
Septembre (24)
Août (24)
Juillet (31)
Juin (60)
Mai (70)
Avril (265)
Mars (101)
Février (78)
Janvier (103)
2016
Décembre (199)
Novembre (371)
Octobre (303)
Septembre (329)
Août (148)
Juillet (96)
Juin (46)
Mai (33)
Avril (76)
Mars (127)
Février (36)
Janvier (3)
2015
Décembre (18)
Novembre (23)
Octobre (8)
Septembre (6)
Août (196)
Juillet (300)
Juin (16)
Mai (26)
Avril (33)
Mars (18)
Février (105)
Contact
>
Efectos para cursor
>
HTML -
12.03.2017
…
Par GloriaV
HTML
<STYLE type="text/css"><br /><!--<br />.kisser {<br /> position:absolute;<br /> top:0;<br /> left:0;<br /> visibility:hidden;<br />}<br />--><br /></STYLE><br /><br /><SCRIPT language="JavaScript1.2" type="text/JavaScript"><br /><!-- cloak<br /><br />//Kissing trail<br />//Visit http://www.rainbow.arch.scriptmania.com for this script<br /><br />kisserCount = 15 //maximum number of images on screen at one time<br />curKisser = 0 //the last image DIV to be displayed (used for timer)<br />kissDelay = 1000 //duration images stay on screen (in milliseconds)<br />kissSpacer = 50 //distance to move mouse b4 next heart appears<br />theimage = "http://www.gifsanimados.org/data/media/534/te-amo-y-te-quiero-imagen-animada-0017.gif" //the 1st image to be displayed<br />theimage2 = "http://www.gifsanimados.org/data/media/534/te-amo-y-te-quiero-imagen-animada-0008.gif" //the 2nd image to be displayed<br /><br /><br />//Browser checking and syntax variables<br />var docLayers = (document.layers) ? true:false;<br />var docId = (document.getElementById) ? true:false;<br />var docAll = (document.all) ? true:false;<br />var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."<br />var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""<br />var stylebitK = (docLayers) ? "":".style"<br />var showbitK = (docLayers) ? "show":"visible"<br />var hidebitK = (docLayers) ? "hide":"hidden"<br />var ns6=document.getElementById&&!document.all<br />//Variables used in script<br />var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimage<br />lastX = 0<br />lastY = 0<br />//Collection of functions to get mouse position and place the images<br />function doKisser(e) {<br /><br /> posX = getMouseXPos(e)<br /> posY = getMouseYPos(e)<br /> if (posX>(lastX+kissSpacer)||posX<(lastX-kissSpacer)||posY>(lastY+kissSpacer)||posY<(lastY-kissSpacer)) {<br /> showKisser(posX,posY)<br /> lastX = posX<br /> lastY = posY<br /> }<br />}<br />// Get the horizontal position of the mouse<br />function getMouseXPos(e) {<br /> if (document.layers||ns6) {<br /> return parseInt(e.pageX+10)<br /> } else {<br /> return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))<br /> }<br />}<br />// Get the vartical position of the mouse<br />function getMouseYPos(e) {<br /> if (document.layers||ns6) {<br /> return parseInt(e.pageY)<br /> } else {<br /> return (parseInt(event.clientY) + parseInt(document.body.scrollTop))<br /> }<br />}<br />//Place the image and start timer so that it disappears after a period of time<br />function showKisser(x,y) {<br /> var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x<br /> if (curKisser >= kisserCount) {curKisser = 0}<br /> eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".left = " + processedx)<br /> eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".top = " + y)<br /> eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")<br /> if (eval("typeof(kissDelay" + curKisser + ")")=="number") {<br /> eval("clearTimeout(kissDelay" + curKisser + ")")<br /> }<br /> eval("kissDelay" + curKisser + " = setTimeout('hideKisser(" + curKisser + ")',kissDelay)")<br /> curKisser += 1<br />}<br />//Make the image disappear<br />function hideKisser(knum) {<br /> eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")<br />}<br /><br />function kissbegin(){<br />//Let the browser know when the mouse moves<br />if (docLayers) {<br /> document.captureEvents(Event.MOUSEMOVE)<br /> document.onMouseMove = doKisser<br />} else {<br /> document.onmousemove = doKisser<br />}<br />}<br />window.onload=kissbegin<br />// decloak --><br /></SCRIPT><br /><br /><br /><!--Simply copy and paste just before </BODY> section of your page.--><br /><br /><SCRIPT language="JavaScript" type="text/JavaScript"><br /><!-- cloak<br />// Add all DIV's of hearts<br />if (document.all||document.getElementById||document.layers){<br />for (k=0;k<kisserCount;k=k+2) {<br /> document.write('<div id="kisser' + k + '" class="kisser"><img src="' + theimage + '" alt="" border="0"></div>\n')<br /> document.write('<div id="kisser' + (k+1) + '" class="kisser"><img src="' + theimage2 + '" alt="" border="0"></div>\n')<br />}<br />}<br /><br />// decloak --><br /></SCRIPT>
« Article précédent
Article suivant »
Retour à l'accueil
Partager cet article
Thème Magazine © - Hébergé par
Eklablog
