网页代码设计技巧系列之---跟随鼠标的显隐图片.docVIP

脚本说明:把如下代码加入body区域中style type=text/css!--h1 {color:#cc3333;font-family:Comic Sans MS,Helvetica;}h3 {color:#993333;font-family:Comic Sans MS,Helvetica;}.kisser {position:absolute;top:0;left:0;visibility:hidden;}--/stylescript language=JavaScript1.2 type=text/JavaScript!-- cloakkisserCount = 15 //maximum number of images on screen at one timecurKisser = 0 //the last image DIV to be displayed (used for timer)kissDelay = 1000 //duration images stay on screen (in milliseconds)kissSpacer = 50 //distance to move mouse b4 next heart appearstheimage = kiss/lips_small.gif //the 1st image to be displayedtheimage2 = kiss/small_heart.gif //the 2nd image to be displayed//Browser checking and syntax variablesvar 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) ? :.stylevar showbitK = (docLayers) ? show:visiblevar hidebitK = (docLayers) ? hide:hiddenvar ns6=document.getElementById!document.all//Variables used in scriptvar posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimagelastX = 0lastY = 0//Collection of functions to get mouse position and place the imagesfunction 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 = posXlastY = posY}}// Get the horizontal position of the mousefunction 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 mousefunction getMouseYPos(e) {if (document.layers||ns6) {return parseInt(e.pageY)} else {return (par