»
Tiếng AnhTiếng PhápTiếng Việt

In - Chữ di chuyển theo thanh trượt - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » Chữ di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/floating-text-script.html

Chữ di chuyển theo thanh trượt © JavaScriptBank.comHiệ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ữ » Hoạt hóa » Chữ di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/floating-text-script.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->