Free DHTML scripts provided by
Dynamic Drive
Page Layout By Chazzy
COPY LINK BELOW AND PASTE INTO YOUR CUSTOM HTML BOX (LAYOUT)
<html> <HEAD> <style type="text/css"> <!-- .kisser { position:absolute; z-index: 1000; top:0; left:0; visibility:hidden; } --> </style> <script language="JavaScript1.2" type="text/JavaScript"> <!-- cloak //Kissing trail- By dij8 (dij8@dij8.com) //Modified by Dynamic Drive for bug fixes //Visit http://www.dynamicdrive.com for this script kisserCount = 10 //maximum number of images on screen at one time curKisser = 20 //the last image DIV to be displayed (used for timer) kissDelay = 1000 //duration images stay on screen (in milliseconds) kissSpacer = 100 //distance to move mouse b4 next heart appears theimage = "https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_FLOATIE.png" //the 1st image to be displayed theimage2 = "http://i680.photobucket.com/albums/vv168/sapphire19534_2009/FLOATIES/HEART8.gif" //the 2nd image to be displayed //Browser checking and syntax 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 used in script var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimage lastX = 0 lastY = 0 //Collection of functions to get mouse position and place the 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 } } // Get the horizontal position of the mouse function getMouseXPos(e) { if (document.layers||ns6) { return parseInt(e.pageX+10) } else { return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft)) } } // Get the vartical position of the mouse function getMouseYPos(e) { if (document.layers||ns6) { return parseInt(e.pageY) } else { return (parseInt(event.clientY) + parseInt(document.body.scrollTop)) } } //Place the image and start timer so that it disappears after a period of time 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 + 'px' eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK).top = y + 'px' 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 } //Make the image disappear function hideKisser(knum) { eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'") } function kissbegin(){ //Let the browser know when the mouse moves if (docLayers) { document.captureEvents(Event.MOUSEMOVE) document.onMouseMove = doKisser } else { document.onmousemove = doKisser } } window.onload=kissbegin // decloak --> </script> <script language="JavaScript" type="text/JavaScript"> <!-- cloak // Add all DIV's of hearts 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') } } // decloak --> </script> <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br> <a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p> <style> <!-- BODY { scrollbar-face-color: #768690;} //--> </script> <STYLE type="text/css"> <!-- a:link {color: #000000} a:visited {color: #000000} a:hover {color: #000000; font-weight:bold; text-transform:uppercase} a:active {color: #000000} body{ font-size:14px; cursor:default; font-family:garamond; background:(back); background-attachment:fixed; text-align:center; vertical-align:center; horizontal-align:center; scrollbar-base-color:#ebebeb; } --> </style> </head> <body> <div align="center"> <table style="border: 2px double #000000" cellpadding="2" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_GLITTER_2.gif"> <tr> <td> <div align="center"> <table style="border: 2px double #000000" cellPadding="35" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BACK_6.jpg"> <tr> <td> <div align="center"> <table style="border: 2px double #000000" cellPadding="35" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_GLITTER_3.gif"> <tr> <td> <table style="border: 2px double #000000" cellPadding="20" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BACK_4.jpg"> <tr> <td> <CENTER> <img src="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_IMAGE.gif?width=1920&height=1080&fit=bounds" border="0" alt="DRAGON_IMAGE"/><br><BR><BR> <a href="https://photobucket.com/u/sapphire19534_2009/a/9231205e-b360-4647-83e7-9eb444464737/p/b8e2db16-a300-405a-b6f8-4a823cf72fb2" target="_blank"><img src="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BANNER.png?width=1920&height=1080&fit=bounds" border="0" alt="DRAGON_BANNER"/></a> </CENTER></div> <div align="center"> <table style="border: 2px double #000000" cellpadding="2" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_GLITTER_3.gif"> <tr> <td> <table style="border: 2px double #000000" cellPadding="20" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BACK_3.jpg"> <tr> <td> <div align="center"> <table style="border: 2px double #000000" cellpadding="20" width="512" background="https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BACK_4.jpg"> <tr> <td> <div align="center"> <center><br> <font face="ARIAL BLACK, BOLD" size="10" color="BLACK"><b><i><center> <center><a href ="https://www.chazzy-s-designs.com/"><font color="#000000" size="2"><b>Page Layout By Chazzy</b></font></a></center> </font> <script language="JavaScript1.2"> /* Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more DHTML scripts, and TOS, visit dynamicdrive.com */ if (document.all||document.getElementById) document.body.style.background="url('https://hosting.photobucket.com/images/vv168/sapphire19534_2009/DRAGON_BACK_3.jpg') white center fixed" </script>
