269 lines
13 KiB
PHP
269 lines
13 KiB
PHP
|
<style type="text/css">
|
||
|
|
.scrollimg img { position:relative; top:0px; margin:0; border:0;}
|
||
|
|
#divUp0 {margin:0; position:relative;top:22px;}
|
||
|
|
#divUp0 img {margin:0;}
|
||
|
|
#divDown0 {margin:0; position:relative;top:135px;}
|
||
|
|
#divDown0 img {margin:0;}
|
||
|
|
#divScrollTextCont0 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText0 {position:relative;}
|
||
|
|
#divUp1 {position:relative;top:22px;}
|
||
|
|
#divUp1 img {margin:0;}
|
||
|
|
#divDown1 {position:relative;top:135px;}
|
||
|
|
#divdown1 img {margin:0;}
|
||
|
|
#divScrollTextCont1 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText1 {position:relative;}
|
||
|
|
#divUp2 {position:relative;top:22px;}
|
||
|
|
#divDown2 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont2 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText2 {position:relative;}
|
||
|
|
#divUp3 {position:relative;top:22px;}
|
||
|
|
#divDown3 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont3 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText3 {position:relative;}
|
||
|
|
#divUp4 {position:relative;top:22px;}
|
||
|
|
#divDown4 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont4 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText4 {position:relative;}
|
||
|
|
#divUp5 {position:relative;top:22px;}
|
||
|
|
#divDown5 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont5 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText5 {position:relative;}
|
||
|
|
#divUp6 {position:relative;top:22px;}
|
||
|
|
#divDown6 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont6 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText6 {position:relative;}
|
||
|
|
#divUp7 {position:relative;top:22px;}
|
||
|
|
#divDown7 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont7 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText7 {position:relative;}
|
||
|
|
#divUp8 {position:relative;top:22px;}
|
||
|
|
#divDown8 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont8 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText8 {position:relative;}
|
||
|
|
#divUp9 {position:relative;top:22px;}
|
||
|
|
#divDown9 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont9 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText9 {position:relative;}
|
||
|
|
#divUp10 {position:relative;top:22px;}
|
||
|
|
#divDown10 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont10 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText10 {position:relative;}
|
||
|
|
#divUp11 {position:relative;top:22px;}
|
||
|
|
#divDown11 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont11 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText11 {position:relative;}
|
||
|
|
#divUp12 {position:relative;top:22px;}
|
||
|
|
#divDown12 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont12 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText12 {position:relative;}
|
||
|
|
#divUp13 {position:relative;top:22px;}
|
||
|
|
#divDown13 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont13 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText13 {position:relative;}
|
||
|
|
#divUp14 {position:relative;top:22px;}
|
||
|
|
#divDown14 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont14 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText14 {position:relative;}
|
||
|
|
#divUp15 {position:relative;top:22px;}
|
||
|
|
#divDown15 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont15 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText15 {position:relative;}
|
||
|
|
#divUp16 {position:relative;top:22px;}
|
||
|
|
#divDown16 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont16 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText16 {position:relative;}
|
||
|
|
#divUp17 {position:relative;top:22px;}
|
||
|
|
#divDown17 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont17 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText17 {position:relative;}
|
||
|
|
#divUp18 {position:relative;top:22px;}
|
||
|
|
#divDown18 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont18 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText18 {position:relative;}
|
||
|
|
#divUp19 {position:relative;top:22px;}
|
||
|
|
#divDown19 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont19 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText19 {position:relative;}
|
||
|
|
#divUp20 {position:relative;top:22px;}
|
||
|
|
#divDown20 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont20 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText20 {position:relative;}
|
||
|
|
#divUp21 {position:relative;top:22px;}
|
||
|
|
#divDown21 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont21 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText21 {position:relative;}
|
||
|
|
#divUp22 {position:relative;top:22px;}
|
||
|
|
#divDown22 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont22 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText22 {position:relative;}
|
||
|
|
#divUp23 {position:relative;top:22px;}
|
||
|
|
#divDown23 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont23 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText23 {position:relative;}
|
||
|
|
#divUp24 {position:relative;top:22px;}
|
||
|
|
#divDown24 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont24 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText24 {position:relative;}
|
||
|
|
#divUp25 {position:relative;top:22px;}
|
||
|
|
#divDown25 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont25 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText25 {position:relative;}
|
||
|
|
#divUp26 {position:relative;top:22px;}
|
||
|
|
#divDown26 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont26 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText26 {position:relative;}
|
||
|
|
#divUp27 {position:relative;top:22px;}
|
||
|
|
#divDown27 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont27 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText27 {position:relative;}
|
||
|
|
#divUp28 {position:relative;top:22px;}
|
||
|
|
#divDown28 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont28 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText28 {position:relative;}
|
||
|
|
#divUp29 {position:relative;top:22px;}
|
||
|
|
#divDown29 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont29 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText29 {position:relative;}
|
||
|
|
#divUp30 {position:relative;top:22px;}
|
||
|
|
#divDown30 {position:relative;top:135px;}
|
||
|
|
#divScrollTextCont30 {position:relative; top:0px; left:0px; width:270px; height:158px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
|
||
|
|
#divText30 {position:relative;}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script language="JavaScript" type="text/javascript">
|
||
|
|
/**********************************************************************************
|
||
|
|
ScrollText
|
||
|
|
* Copyright (C) 2001 <a href="http://www.dhtmlcentral.com/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
|
||
|
|
* This script was released at DHTMLCentral.com
|
||
|
|
* Visit for more great scripts!
|
||
|
|
* This may be used and changed freely as long as this msg is intact!
|
||
|
|
* We will also appreciate any links you could give us.
|
||
|
|
*
|
||
|
|
* Made by <a href="http://www.dhtmlcentral.com/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
|
||
|
|
*********************************************************************************/
|
||
|
|
|
||
|
|
/* Modification by Silvan Calarco <silvan.calarco@mambasoft.it>
|
||
|
|
- modify code to allow use of multiple boxes*/
|
||
|
|
|
||
|
|
function lib_bwcheck(){ //Browsercheck (needed)
|
||
|
|
this.ver=navigator.appVersion
|
||
|
|
this.agent=navigator.userAgent
|
||
|
|
this.dom=document.getElementById?1:0
|
||
|
|
this.opera5=this.agent.indexOf("Opera 5")>-1
|
||
|
|
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
|
||
|
|
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
|
||
|
|
this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
|
||
|
|
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
|
||
|
|
this.ie=this.ie4||this.ie5||this.ie6||this.ie7
|
||
|
|
this.mac=this.agent.indexOf("Mac")>-1
|
||
|
|
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
|
||
|
|
this.ns4=(document.layers && !this.dom)?1:0;
|
||
|
|
this.bw=(this.ie7 || this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
|
||
|
|
return this
|
||
|
|
}
|
||
|
|
var bw=new lib_bwcheck()
|
||
|
|
|
||
|
|
|
||
|
|
/*****************
|
||
|
|
|
||
|
|
You set the width and height of the divs inside the style tag, you only have to
|
||
|
|
change the divScrollTextCont, Remember to set the clip the same as the width and height.
|
||
|
|
You can remove the divUp and divDown layers if you want.
|
||
|
|
This script should also work if you make the divScrollTextCont position:relative.
|
||
|
|
Then you should be able to place this inside a table or something. Just remember
|
||
|
|
that Netscape crash very easily with relative positioned divs and tables.
|
||
|
|
|
||
|
|
Updated with a fix for error if moving over layer before pageload.
|
||
|
|
|
||
|
|
****************/
|
||
|
|
|
||
|
|
//If you want it to move faster you can set this lower, it's the timeout:
|
||
|
|
var speed = 30
|
||
|
|
|
||
|
|
//Sets variables to keep track of what's happening
|
||
|
|
var loop, timer
|
||
|
|
|
||
|
|
//Object constructor
|
||
|
|
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=0; this.y=0;
|
||
|
|
this.obj = obj + "Object"
|
||
|
|
eval(this.obj + "=this")
|
||
|
|
return this
|
||
|
|
}
|
||
|
|
|
||
|
|
// A unit of measure that will be added when setting the position of a layer.
|
||
|
|
var px = bw.ns4||window.opera?"":"px";
|
||
|
|
|
||
|
|
function moveIt(x,y){
|
||
|
|
this.x = x
|
||
|
|
this.y = y
|
||
|
|
this.css.left = this.x+px
|
||
|
|
this.css.top = this.y+px
|
||
|
|
}
|
||
|
|
|
||
|
|
//Makes the object go up
|
||
|
|
function goDown(move){
|
||
|
|
if (this.y>-this.scrollHeight+this.oCont.clipHeight){
|
||
|
|
this.moveIt(0,this.y-move)
|
||
|
|
if (loop) setTimeout(this.obj+".down("+move+")",speed)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//Makes the object go down
|
||
|
|
function goUp(move){
|
||
|
|
if (this.y<0){
|
||
|
|
this.moveIt(0,this.y-move)
|
||
|
|
if (loop) setTimeout(this.obj+".up("+move+")",speed)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//Calls the scrolling functions. Also checks whether the page is loaded or not.
|
||
|
|
function scroll(speed,num){
|
||
|
|
if (scrolltextLoaded){
|
||
|
|
loop = true;
|
||
|
|
if (speed>0) oScroll[num].down(speed)
|
||
|
|
else oScroll[num].up(speed)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//Stops the scrolling (called on mouseout)
|
||
|
|
function noScroll(){
|
||
|
|
loop = false
|
||
|
|
if (timer) clearTimeout(timer)
|
||
|
|
}
|
||
|
|
//Makes the object
|
||
|
|
|
||
|
|
var oCont = new Array(20)
|
||
|
|
var oScroll = new Array(20)
|
||
|
|
|
||
|
|
var scrolltextLoaded = false
|
||
|
|
function scrolltextInit() {
|
||
|
|
for (var i=0; i<scrollnum; i++) {
|
||
|
|
//alert(i+"-"+scrollnum);
|
||
|
|
if (document.getElementById('divScrollTextCont'+i)) {
|
||
|
|
oCont[i] = new makeObj('divScrollTextCont' + i);
|
||
|
|
oScroll[i] = new makeObj('divText' + i,'divScrollTextCont' + i);
|
||
|
|
oScroll[i].moveIt(0,0);
|
||
|
|
oScroll[i].oCont = oCont[i];
|
||
|
|
oCont[i].css.visibility = "visible";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
scrolltextLoaded = true
|
||
|
|
}
|
||
|
|
//Call the init on page load if the browser is ok...
|
||
|
|
if (bw.bw) onload = scrolltextInit
|
||
|
|
|
||
|
|
/***************
|
||
|
|
Multiple Scripts
|
||
|
|
If you have two or more scripts that use the onload event, probably only one will run (the last one).
|
||
|
|
Here is a solution for starting multiple scripts onload:
|
||
|
|
1. Delete or comment out all the onload assignments, onload=initScroll and things like that.
|
||
|
|
2. Put the onload assignments in the body tag like in this example, note that they must have braces ().
|
||
|
|
Example: <body onload="initScroll(); initTooltips(); initMenu();">
|
||
|
|
**************/
|
||
|
|
</script>
|