<!-- START OF Rolling Credits DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that scrolls up. The webpage must be long (vertically) in order for the effect to work. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var position = 0; function scroller() { if (position != 320) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",3); timer; } else { location.replace("#"); } } // --></SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.coffeecup.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER> <!-- END OF Rolling Credits DHTML --><!-- START OF Rolling Credits DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that scrolls up. The webpage must be long (vertically) in order for the effect to work. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var position = 0; function scroller() { if (position != 320) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",3); timer; } else { location.replace("#"); } } // --></SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.coffeecup.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER> <!-- END OF Rolling Credits DHTML --> <!-- START OF Rolling Credits DHTML --> <!-- SUMMARY BRIEFS This example shows how you can create a webpage that scrolls up. The webpage must be long (vertically) in order for the effect to work. --> <SCRIPT LANGUAGE="JavaScript"> <!-- var position = 0; function scroller() { if (position != 320) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",3); timer; } else { location.replace("#"); } } // --></SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="http://www.coffeecup.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER> <!-- END OF Rolling Credits DHTML -->
<!-- START OF Nouse Follow DHTML --> <!-- SUMMARY BRIEFS Put this DHTML after the </HEAD> tag but before the <BODY> tag. This DHTML script will create a small layer that hovers around the mouse pointer. The current image being used is called "smile.gif" and has a size of HEIGHT 11 and WIDTH 11. To place your own image in place of the current one, rename "smile.gif" and change the HEIGHT and WIDTH specs in the CLIP attribute. (This is in the first line of code.) IMPORTANT This example has an image. It is found in the CoffeeCup Software folder on your hard drive. --> <layer NAME="a" LEFT="10" TOP="10" VISIBILITY="SHOW" CLIP="0,0,11,11" background="smile.gif"> </layer> <script LANGUAGE="JavaScript1.2"> var userAgent=navigator.appName + " " + navigator.appVersion; var agentInfo=userAgent.substring(0, 12); if(agentInfo >= "Netscape 4.0") { window.captureEvents(Event.MOUSEMOVE); // Logo animation var yBase = window.innerHeight/2; var xBase = window.innerWidth/2; var delay = 50; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 50; var Ypos = 50; var b = 0; function MoveHandler(evnt) { Xpos = evnt.pageX ; Ypos = evnt.pageY ; } window.onMouseMove = MoveHandler; function animateLogo() { yBase = window.innerHeight/4 ; xBase = window.innerWidth/4; for ( b = 0 ; b < 1 ; b++ ) { document.layers[b].top = Ypos + Math.cos((20*Math.sin(currStep/(20+b)))+b*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + b*25)/10); document.layers[b].left =Xpos + Math.sin((20*Math.sin(currStep/20))+b*70)*xBase*(Math.sin(10+currStep/(10+b))+0.2)*Math.cos((currStep + b*25)/10); } currStep += step; setTimeout("animateLogo()", delay) ; } animateLogo() } // --> </script> </LAYER> <!-- END OF Nouse Follow DHTML -->
<!-- START OF Page Transitions DHTML --> <!-- SUMMARY BRIEFS ONLY WORKS IN Internet Explorer. Does not effect Netscape. Place this <META> tag in between the <HEAD> tags of all your Webpages. Then view the Webpages in IE 4 and you will notice the page transitions. Randomly the pages will be displayed in different transitions such as swipe left, swipe right, expand out, etc. --> <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> <!-- End OF Page Transitions DHTML -->
<!-- START OF Scroller DHTML --> <!-- SUMMARY BRIEFS Place this DHTML script after the <BODY> tag. In this DHTML script you can have a scrolling message. You can also add images to the scrolling message, but keep in mind that if the HEIGHT is bigger than the predefined HEIGHT, your image will be clipped. Adjust the predefined HEIGHT by adjust the number beside 'scrollerheight'. --> <script language="JavaScript1.2"> var scrollercontents='<font face="Verdana, Arial" SIZE=4><B>Thank you for visiting <a href="http://www.coffeecup.com">Our Site.</a> Please Register your Shareware <a href="http://www.coffeecup.com/order">Here.</a> Thanks !</B></font>' var scrollerwidth=330 var scrollerheight=25 var speed=6 if (document.all) document.write('<scroller scrollAmount='+speed+' style="width:'+scrollerwidth+'">'+scrollercontents+'</scroller>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializescroller() } } function intializescroller(){ document.cscroller01.document.cscroller02.document.write('<nobr>'+scrollercontents+'</nobr>') document.cscroller01.document.cscroller02.document.close() thelength=document.cscroller01.document.cscroller02.document.width scrollit() } function scrollit(){ if (document.cscroller01.document.cscroller02.left>=thelength*(-1)){ document.cscroller01.document.cscroller02.left-=speed setTimeout("scrollit()",100) } else{ document.cscroller01.document.cscroller02.left=scrollerwidth scrollit() } } window.onload=regenerate2 </script> <layer width=&{scrollerwidth}; height=&{scrollerheight}; name="cscroller01"> <layer name="cscroller02"></layer> <layer> <!-- End OF Scroller DHTML -->