Phiên bản đầy đủ: jsB@nk » » Chữ di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/floating-text-script.html
Hiệu ứng sẽ làm cho một cụm chữ do bạn tạo ra tự động di chuyển theo các thanh trượt. Đồng thời khung chữ này cũng có thể được kéo thả đến vị trí bất kì trên trang web.
Phiên bản đầy đủ: jsB@nk » » Chữ di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/floating-text-script.html
<style type="text/css"> #content { background : #003B00; border : thin groove Black; font : 800 oblique small-caps larger/normal monospace; color : White; }</style><style type="text/css">#floater {position: absolute;left: 100;top: 10;visibility: visible;cursor:hand;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="JavaScript">self.onError=null;currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0;NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0;<!-- CHASE CODE -->function heartBeat() {if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }if(diffY != lastScrollY) { percent = .1 * (diffY - lastScrollY); if(percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent);if(IE) document.all.floater.style.pixelTop += percent;if(NS) document.floater.top += percent; lastScrollY = lastScrollY + percent; }if(diffX != lastScrollX) {percent = .1 * (diffX - lastScrollX);if(percent > 0) percent = Math.ceil(percent);else percent = Math.floor(percent);if(IE) document.all.floater.style.pixelLeft += percent;if(NS) document.floater.left += percent;lastScrollX = lastScrollX + percent;}}<!-- CHASE CODE --><!-- DRAG DROP CODE -->function checkFocus(x,y) { var totalY, totalX; floatx = document.floater.pageX; floaty = document.floater.pageY; floatwidth = document.floater.clip.width; floatheight = document.floater.clip.height;if(20 == 0) totalY = floatheight;else totalY = 20;if(0 == 0) totalX = floatwidth;else totalX = 0; if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y < (floaty+totalY))) return true; else return false;}function grabIt(e) {if(IE) {whichIt = event.srcElement;while (whichIt.id.indexOf("floater") == -1) {whichIt = whichIt.parentElement;if (whichIt == null) { return true; } }whichIt.style.pixelLeft = whichIt.offsetLeft; whichIt.style.pixelTop = whichIt.offsetTop;currentX = (event.clientX + document.body.scrollLeft); currentY = (event.clientY + document.body.scrollTop);if(0 != 0) { if(event.clientX > whichIt.offsetLeft + 0) whichIt = null; }if(whichIt) { if(20 != 0) { if(currentY > whichIt.offsetTop + 20) whichIt = null; } }} else { window.captureEvents(Event.MOUSEMOVE); if(checkFocus (e.pageX,e.pageY)) { whichIt = document.floater; FloatTouchedX = e.pageX-document.floater.pageX; FloatTouchedY = e.pageY-document.floater.pageY; } } return true;}function moveIt(e) {if (whichIt == null) { return false; }if(IE) { newX = (event.clientX + document.body.scrollLeft); newY = (event.clientY + document.body.scrollTop); distanceX = (newX - currentX); distanceY = (newY - currentY); currentX = newX; currentY = newY; whichIt.style.pixelLeft += distanceX; whichIt.style.pixelTop += distanceY;if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;event.returnValue = false;} else { whichIt.moveTo(e.pageX-FloatTouchedX,e.pageY-FloatTouchedY); if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; return false;} return false;}function dropIt() {whichIt = null; if(NS) window.releaseEvents (Event.MOUSEMOVE); return true;}<!-- DRAG DROP CODE -->if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);window.onmousedown = grabIt; window.onmousemove = moveIt;window.onmouseup = dropIt;}if(IE) {document.onmousedown = grabIt; document.onmousemove = moveIt;document.onmouseup = dropIt;}if(NS || IE) action = window.setInterval("heartBeat()",1);</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><span id="floater"><div id="content">JavaScriptBank.com - Bank of over 2000+ free JavaScripts</div></span><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->