Phiên bản đầy đủ: jsB@nk » Scrollers » Theo chiều đứng » Hộp thoại cuộn khi nhấp đúp chuột
URL: https://www.javascriptbank.com/newsscroller-with-show-and-hide-feature-onmousedoubleclick.html
Một hộp thoại sẽ được hiển thị ở góc trái-dưới website khi bạn nhấp đúp vào khoảng trống bất kì trên website, thông tin trong hộp thoại này di chuyển từ dưới lên đồng thời hộp thoại luôn di chuyển theo thanh trượt và chỉ biến mất khi bạn nhấp đúp một lần nữa.
Phiên bản đầy đủ: jsB@nk » Scrollers » Theo chiều đứng » Hộp thoại cuộn khi nhấp đúp chuột
URL: https://www.javascriptbank.com/newsscroller-with-show-and-hide-feature-onmousedoubleclick.html
<STYLE>#waterMark {BACKGROUND-COLOR: #ffcccc; BORDER-BOTTOM-COLOR: #ff0000; BORDER-BOTTOM-STYLE: ridge; BORDER-LEFT-COLOR: #ff0000; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #ff0000; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #ff0000; BORDER-TOP-STYLE: ridge; POSITION: absolute}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript1.2><!--// Newsscroller with display-and-hide-functions onMouseDoubleClick// INSTRUCTIONS: // You need two files:// The file scrollerdblclick.html is the webpage where the floating newsscroller will// be displayed. The script on this webpage handles different jobs: // First it masters the floating business, it puts the newsscroller on the right place // and it executes the doubleclick-functions. The file newscontent211.html contains the // content of the content of the newsscroller and it makes this content scrolling. // Please put both files in the same directory. //// How to configure the script. Easiest way: copy the content scrollerdblclick.html,// paste it into your webpage and delete the whole content of the table. // The rest is needed for the script. Then configure the size and the position of // the newsscroller just below this instructions. Then configure the content of your // newsscroller (newscontent211.html) inside the style-block.var markW=140; // pixels width of the newsscrollervar markH=90; // pixels height of the newsscrollervar markX=5; // newsscroller-distance to the right margin of webpage (percent) var markY=5; // newsscroller-distance to the bottom of webpage (percent) // no need to change the variables belowvar showmenu=-1;var markRefresh=100; markX=100-markXmarkY=100-markYif (!document.all) document.all = document;if (!document.all.waterMark.style) document.all.waterMark.style = document.all.waterMark;wMark = document.all.waterMark.style;wMark.width = markW;wMark.height = markH;navDOM = window.innerHeight; function setVals() { barW = 0; barH = 0; if (navDOM) { if (document.height > innerHeight) barW = 20; if (document.width > innerWidth) barH = 20; } else { innerWidth = document.body.clientWidth; innerHeight = document.body.clientHeight; } posX = ((innerWidth - markW)-barW) * (markX/100); posY = ((innerHeight - markH)-barH) * (markY/100); }function dblclick() {showmenu=showmenu*-1}function wRefresh() {if (showmenu==1) {wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft); wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop);}else {wMark.left = posX + (navDOM?pageXOffset:document.body.scrollLeft)+10000; wMark.top = posY + (navDOM?pageYOffset:document.body.scrollTop)} }function markMe() { if (document.all) { setVals();document.ondblclick=dblclick;window.onresize=setVals; markID = setInterval ("wRefresh()",markRefresh);} }window.onload=markMe;//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><IFRAME id=waterMark scrolling=no src="newscontent211.htm"></IFRAME><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/scroller/newscontent211.htm