Scroller with Pause

<XMP><body> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'tn/commandstation', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "tn/commandstation"; var angelfire_member_page = "tn/commandstation/it/column.htm"; var angelfire_ratings_hash = "1766037476:c77f83155c21ac720837329edba457f1"; var lycos_ad_category = {"dmoz":"arts\/animation","ontarget":"&CAT=family%20and%20lifestyles&L2CAT=hobbies","find_what":"about popup window"}; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) {  #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div id="ad_container"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div>  <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div>  <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script>  </XMP>

Put your mouse over the scrolling to pause. Move the mouse off the scrolling to resume.

The Command Station is an excellent Web Developer's resource.

Need Open Source Codes for your website?

Go here and browse for what you need!

This site updated on a regular basis since 1996!

<HTML>

<HEAD>

<TITLE> Scroller with Pause </TITLE>

</HEAD>

<STYLE>

<!--

#scr1 div 			 { visibility:hidden; }

#scr1, #scr1 div.default { width:200px; height:150px; overflow:hidden; visibility:visible; }

#scr1 table tr td div 	 { visibility:visible; }

#scr1 			 { background-color:#fff; margin:0px auto; }

TD				 { font-size: 8pt; font-family: Verdana, Helvetica, Arial; }

// -->

</STYLE>

<!--

new scrollObject("scr1", 160, 120, "up", 5000, 1.15);

new scrollObject("scr2", 468, 60, "left", 3000, 1.5);

function scrollObject(main, width, height, direct, pause, speed) {

var self = this;

this.main = main;

this.width = width;

this.height = height;

this.direct = direct;

this.pause = pause;

this.speed = Math.max(1.001, Math.min((direct == "up" || direct == "down") ? height : width, speed));

this.slope = (direct == "up" || direct == "left") ? 1 : -1;

this.prev = this.offset = 0;

this.curr = 1;

this.mouse = false;

this.scroll = function() {

this.main = document.getElementById(this.main);

this.main.style.overflow = "hidden";

this.main.style.position = "relative";

this.main.style.width = this.width + "px";

this.main.style.height = this.height + "px";

var b = [], c;

while (this.main.firstChild) if ((c = this.main.removeChild(this.main.firstChild)).nodeName == "DIV") b.push(c);

for (var x = 0; x < b.length; x++) {

var table = document.createElement('table');

table.cellPadding = table.cellSpacing = table.border = "0";

table.style.position = "absolute";

table.style.left = table.style.top = "0px";

table.style.width = table.style.height = "100%";

table.style.overflow = table.style.visibility = "hidden";

var tbody = document.createElement('tbody');

var tr = document.createElement('tr');

var td = document.createElement('td');

while (b[x].firstChild)

td.appendChild(b[x].removeChild(b[x].firstChild));

tr.appendChild(td);

tbody.appendChild(tr);

table.appendChild(tbody);

this.main.appendChild(table);

} b = c = null;

if (this.main.childNodes.length > 1) {

this.main.onmouseover = function() { self.mouse = true; };

this.main.onmouseout = function() { self.mouse = false; };

setInterval(function() {

if (!self.offset && self.scrollLoop()) self.main.childNodes[self.curr].style.visibility = "visible";

}, this.pause);

} this.main.childNodes[this.prev].style.visibility = "visible";

};

this.scrollLoop = function() {

if (!this.offset) {

if (this.mouse) return false;

this.offset = (this.direct == "up" || this.direct == "down") ? this.height : this.width;

} else this.offset = Math.floor(this.offset / this.speed);

if (this.direct == "up" || this.direct == "down") {

this.main.childNodes[this.curr].style.top = (this.offset * this.slope) + "px";

this.main.childNodes[this.prev].style.top = ((this.offset - this.height) * this.slope) + "px";

} else {

this.main.childNodes[this.curr].style.left = (this.offset * this.slope) + "px";

this.main.childNodes[this.prev].style.left = ((this.offset - this.width) * this.slope) + "px"; }

if (!this.offset) {

this.main.childNodes[this.prev].style.visibility = "hidden";

this.prev = this.curr;

if (++this.curr >= this.main.childNodes.length) this.curr = 0;

} else setTimeout(function() { self.scrollLoop(); }, 30);

return true;

};

if (window.addEventListener) {

window.addEventListener('load', function() { self.scroll(); }, false);

} else if (window.attachEvent)

window.attachEvent('onload', function() { self.scroll(); }); }

// -->

</Script>

<BODY>

<TD>

<B>Put your mouse over the scrolling to pause. Move the mouse off the scrolling to resume.</b>

<HR>

<i>The Command Station</i> is an excellent Web Developer's resource.

</div>

<div>

<b>Need Open Source Codes for your website?</b>

<a href="default.htm">Go here</a> and browse for what you need!

</div>

<div>

This site updated on a regular basis since 1996!

</div>

</TD>

</TABLE>

</body>

</HTML>

Back to Main Menu