function piaofu(imgid, delay, xVal, yVal, closeDiv) { //imgid 漂浮标签的id //delay 速度,越小越快 // xVal 初始x方向 值为1或者-1 //yVal 初始y方向 值为2或者-2 var kktime; var height; var width; if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { height = document.documentElement.clientHeight; width = document.documentElement.clientWidth - 12; //12为滚动条宽度、px } $(imgid).hover( function () { clearInterval(kktime); $(closeDiv).click(function () { $(imgid).hide() }) }, function () { kktime = setInterval(function () { var k = xVal + yVal; var bodyScrollLeft = $("body").scrollLeft(); var bodyScrollTop = $(imgid).scrollTop(); var imgidLeft = $(imgid).css("left"); imgidLeft = imgidLeft.replace(/[^0-9]/ig, ""); var imgidTop = $(imgid).css("top"); imgidTop = imgidTop.replace(/[^0-9]/ig, ""); var thisWidth = $(imgid).width(); var thisHeight = $(imgid).height(); if (k == 3) { imgidLeft++; imgidTop--; } if (k == 1) { imgidLeft--; imgidTop--; } if (k == -1) { imgidLeft++; imgidTop++; } if (k == -3) { imgidLeft--; imgidTop++; } $(imgid).css("left", imgidLeft + bodyScrollLeft); $(imgid).css("top", imgidTop + bodyScrollTop); if (imgidLeft <= bodyScrollLeft || imgidLeft >= width - bodyScrollLeft - thisWidth) { xVal = -xVal; } if (imgidTop >= height - bodyScrollTop - thisHeight || imgidTop <= bodyScrollTop) { yVal = -yVal; } }, delay); } ).trigger("mouseleave"); } piaofu('#float_img', 20, 1, 2, '#close_btn'); piaofu('#float_img1', 20, -1, 2, '#close_btn1'); piaofu('#float_img2', 20, 1, -2, '#close_btn2'); piaofu('#float_img3', 20, -1, -2, '#close_btn3');