Version complète: jsB@nk » Scrollers » Défilement vertical » Newsscroller avec show-and-hide-fonctionnalité onMouseDoubleClick
URL: https://www.javascriptbank.com/newsscroller-with-show-and-hide-feature-onmousedoubleclick.html
Il suffit de double-cliquer n'importe où sur l'espace blanc du document et la flottant newsscroller sera affiché. Double-cliquez à nouveau et le newsscroller disparaîtra. Les scripts fonctionne même si vous scroll bas de page. Testez-le.
Version complète: jsB@nk » Scrollers » Défilement vertical » Newsscroller avec show-and-hide-fonctionnalité onMouseDoubleClick
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