New Page 1

Download Some Cool Website Software Now !

Notes:These codes are very easy to modify. If you already know HTML codes, that wouldn't be
a problem for you. You can easily follow each tag and change the sources code, text or URL links.
For those who are not familiar with HTML, you might take a look at some of the free HTML tutorial
on net, it maybe give you some idea.
Hints: Just copy the script in the box below then open your HTML code ( web page) in your favorite editor
(usually note pad) and paste them HTML code. Remember follow the Summary Briefs in each script

<style> </style> <div id="c1" class="curtain"></div><div id="c2" class="curtain"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (c=1;c<=2;c++){ temp[c]=eval("document.c"+c+".clip") temp2[c]=eval("document.c"+c) temp[c].width=window.innerWidth temp[c].height=window.innerHeight/2 temp2[c].top=(c-1)*temp[c].height } } else if (document.all){ var curtainbottom=document.body.offsetHeight/2,curtaintop=0 for (c=1;c<=2;c++){ temp[c]=eval("document.all.c"+c+".style") temp[c].width=document.body.clientWidth temp[c].height=document.body.offsetHeight/2 temp[c].top=(c-1)*parseInt(temp[c].height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].bottom-=speed temp[2].top+=speed if (temp[1].bottom<=0) clearInterval(stopit) } else if (document.all){ curtainbottom-=speed temp[1].clip="rect(0 auto+"+curtainbottom+" 0)" curtaintop+=speed temp[2].clip="rect("+curtaintop+" auto auto)" if (curtainbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>

Demo Curtain

<style> </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="http://www.coffeecup.com">Order Our Stuff</a><br>' selection[1]='<a href="http://www.coffeecup.com">Contact Us via E-mail</a><br>' selection[2]='<a href="http://www.coffeecup.com">Help With Our Items</a><br>' selection[3]='<a href="http://www.coffeecup.com">Products We Have</a><br>' selection[4]='<a href="http://www.coffeecup.com">Services We Offer</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script>

DemoDrop Down

<script> if (!document.layers&&!document.all) event="test" function showtip(current,e,text){ if (document.all){ thetitle=text.split('<br>') if (thetitle.length>1){ thetitles='' for (i=0;i<thetitle.length;i++) thetitles+=thetitle[i] current.title=thetitles } else current.title=text } else if (document.layers){ document.linktips.document.write('<layer bgColor="yellow" style="border:1px solid black;font-family:arial;font-size:12px;">'+text+'</layer>') document.linktips.document.close() document.linktips.left=e.pageX+5 document.linktips.top=e.pageY+5 document.linktips.visibility="show" } } function hidetip(){ if (document.layers) document.linktips.visibility="hidden" } </script> <div id="linktips" style="position:absolute;visibility:hidden"></div> <FONT FACE=ARIAL FACE=ARIAL> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Please Visit the CoffeeCup Software Web Site!')" onMouseout="hidetip()">Visit Our Site</a> <P> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Learn More About Style Sheets and DHTML')" onMouseout="hidetip()">Learn More</a> <P> <a href="http://www.coffeecup.com" onMouseover="showtip(this,event,'Contact Us via E-mail...<BR>or by Snail Mail if you Wish')" onMouseout="hidetip()">Contact Us</a> <P> <a href="http://www.coffeecup.com/order" onMouseover="showtip(this,event,'Order One the Coolest Tools on the Web Now!')" onMouseout="hidetip()">Order Software</a> <P> </FONT>

Demo Link Tips

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style> </style> <div id="msgline"><div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.coffeecup.com'>First line of text....</a>" news[1]="<a href='http://www.coffeecup.com'>Second line of text....</a>" news[2]="<a href='http://www.coffeecup.com'>Third line of text....</a>" news[3]="<a href='http://www.coffeecup.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

Demo Message Readers

Back | Home | More Codes