so-youNET // Version 8 // Fresh and Funky

Currently: 5 online
Total Hits: 3094714

- Hosting brought on 06/19/2003
- Hosted by Ace-host recommended
- 5GB space 60Gb data/month

Optimised for:

1024 x 768 resolution

Internet Explorer

Macromedia Flash
Also tested and working in:

Netscape

Mozilla Firefox

Char, 20, female, British, Gemini, ...more?

Girl

Domain

Tutorials

Goodies

Etc

Clear

1) cute-spot.com [6765]
2) cute-spot.com [4134]
3) veredgf.fre... [3463]
4) carrieware.com [1678]
5) bouncy-bubb... [966]
6) divergente.org [846]
7) rainbow-bit... [744]
8) bouncy-bubb... [733]
9) shatteredel... [639]
10) rainbow-bit... [635]
11) yanhuahuo.b... [630]
12) cute.startk... [584]
13) users.volja... [565]
14) kao-ani.com [540]
15) so-juicy.net [537]

comotized.com

Hover scroll image tutorial

This is quite a popular lil script because it keeps ur layout all neat because you do not need scrollbars. What u do is create 2 images one that u intend to scroll up and one that scrolls down. Then u copy the code below into your page.
<title>Title Here</title>  <script type="text/javascript" language="JavaScript"> function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() var speed=50 var loop, timer function makeObj(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight this.up=goUp;this.down=goDown; this.moveIt=moveIt; this.x; this.y; this.obj = obj + "Object" eval(this.obj + "=this") return this } function moveIt(x,y){ this.x=x;this.y=y this.css.left=this.x this.css.top=this.y } function goDown(move){ if(this.y>-this.scrollHeight+oCont.clipHeight){ this.moveIt(0,this.y-move) if(loop) setTimeout(this.obj+".down("+move+")",speed) } } function goUp(move){ if(this.y<0){ this.moveIt(0,this.y-move) if(loop) setTimeout(this.obj+".up("+move+")",speed) } } function scroll(speed){ if(loaded){ loop=true; if(speed>0) oScroll.down(speed) else oScroll.up(speed) } } function noScroll(){ loop=false if(timer) clearTimeout(timer) } var loaded; function scrollInit(){ oCont=new makeObj('divCont') oScroll=new makeObj('divText','divCont') oScroll.moveIt(0,0) oCont.css.visibility='visible' loaded=true; } onload=scrollInit; </script>  <STYLE type="text/css"> BODY, TD, CENTER {FONT: 7pt verdana} P {FONT: 7pt verdana, arial; TEXT-ALIGN:center} .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:7pt; font-family:verdana; font-weight:none; color:000000; } --></STYLE>  <style type="text/css"> #divUp{position:absolute; left:207; top:0} #divDown{position:absolute; left:198; top:0} #divCont{position:absolute; width:300; height:305; overflow:hidden; top:5; left:40; clip:rect(0,300,305,0); visibility:hidden} #divText{position:absolute; top:20; left:0} </style> <body background="background.gif"> <DIV ID="contextMenu" ONMOUSEOUT="menu = this; this.tid = setTimeout ('menu.style.visibility = \'hidden\'', 20);" ONMOUSEOVER="clearTimeout(this.tid);" > </DIV>  <div id="divUp"> <a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()"> <span style="cursor: n-resize; left: -200; top: 15; position: absolute"> <img src="Your up image here" border="0" style="cursor:n-resize" width="17" height="35"></span></a> </div> <div id="divDown"> <a href="#" onmouseover="scroll(7)" onmouseout="noScroll()"> <span style="cursor: s-resize; left: -191; top: 237; position: absolute"> <img src="Your Down Image here" border="0" style="cursor:s-resize" width="17" height="35"></span></a> </div>  <div id="divCont"> <div id="divText" style="width: 300; height: 305; position:absolute; left:0; top:5"><p align="center"><div align="center"> Ur page Stuff goes here </div> 

Now do not change anything between  and 

Then read through the code and I have written bits on to show you what to do, you can keep my comments on there because it will not show up ^^