Tekst scroll

vis > kilde

Hvis du prøver at højreklikke på teksten og vælge vis kode (view source) så kommer koden frem som du skal bruge, det er næsten nemmere som at skrive hele koden her....

Jeg har prøvet view source men når jeg så placere
effekten på min hjemmeside ser det forfærdelig ud
og vireker ikke helt optimalt. Det var derfor jeg var på udkig efter en \"ren\" source kode som er lige til at ligge ind.

http://www.dhtmlcentral.com/script/script5.asp

virker i ie 4 -> + netscape ->

Så god fornøjelse, jeg ved jeg havde da jeg lavede/rettede den til ;o)

<html>
<head>
<title>Scroll </title>
<style type=\"text/css\">

#divScrollTextCont {position:relative;  width:260px; height:150px; clip:rect(0px 260px 150px 0px); overflow:hidden; visibility:hidden;}
#divText {position:relative; left:0px; top:0px;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color: #ffffff; text-decoration: none;}
a:link    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline;}

</style>
<script language=\"JavaScript\" type=\"text/javascript\">


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.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    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.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=new lib_bwcheck()


//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+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){
    if (scrolltextLoaded){
        loop = true;
        if (speed>0) oScroll.down(speed)
        else oScroll.up(speed)
    }
}

//Stops the scrolling (called on mouseout)
function noScroll(){
    loop = false
    if (timer) clearTimeout(timer)
}
//Makes the object
var scrolltextLoaded = false
function scrolltextInit(){
    oCont = new makeObj(\'divScrollTextCont\')
    oScroll = new makeObj(\'divText\',\'divScrollTextCont\')
    oScroll.moveIt(0,0)
    oCont.css.visibility = \"visible\"
    scrolltextLoaded = true
}
//Call the init on page load if the browser is ok...
if (bw.bw) onload = scrolltextInit

</script>

<SCRIPT LANGUAGE=\"JavaScript1.2\">
    NS4 = document.layers;
  if (NS4) {
      origWidth = innerWidth;
      origHeight = innerHeight;
  }

   
    function reDo(){
    if (NS4){
      if (innerWidth != origWidth || innerHeight != origHeight) location.reload();
           
    if (NS4) onresize = reDo;
}
    else
    { window.location.reload() }
    window.onresize = reDo;
}
</SCRIPT>
</head>

<body marginleft=\"0\" marginheight=\"0\" onResize=\"reDo();\" bgcolor=\"#000000\">
<table border=\"0\" width=\"100%\" height=\"100%\"  cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\" valign=\"middle\">

<table border=\"0\"  width=\"650\" height=\"310\"  cellspacing=\"0\" cellpadding=\"0\">
    <tr>
        <td>
            <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
                <tr>
                    <td><img src=\"skabelon/grafik/blank.gif\" width=\"300\" height=\"5\" alt=\"\" border=\"0\"></td>
                    <td><br><br><br><br>
                                       
                        <div id=\"divScrollTextCont\">
                        <div id=\"divText\">
                        <p>News: <br>
                        www.bratta.com/dhtml - Have you ever experienced DHTML is now updated
                        with more script, demos and how to\'s then ever. Visit now!
                        Also added: The DHTML Scriptomania, a new and better interface
                        to browser the scripts, demos and how to\'s.
                        test text test text test text test text test text test text<br><br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br><br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br></p>
                                <p>
                        test text test text test text test text test text test text<br><br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br></p>
                                <p>
                        test text test text test text test text test text test text<br><br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br></p>
                        <p>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text<br><br>
                        test text test text test text test text test text test text<br>
                        test text test text test text test text test text test text - END</p>
                        </div>
                        </div>
                    </td>
                    <td>&nbsp;</td>   
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>
                        <a href=\"#\" onmouseover=\"scroll(-5)\" onmouseout=\"noScroll()\" onmouseup=\"noScroll()\" onmousedown=\"scroll(-10)\"  title=\"Tryk på knappen for at scrolle hurtigere\">Up</a>
                        /
                        <a href=\"#\" onmouseover=\"scroll(5)\" onmouseout=\"noScroll()\" onmouseup=\"noScroll()\" onmousedown=\"scroll(10)\" title=\"Tryk på knappen for at scrolle hurtigere\">Ned</a>
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</td></tr></table>
</body>
</html>

faktisk den fra dhtmlcentrelen men rettet til så man kan bruge den i tabelle.
al den tekst der skal scrolle skal ligger
<div id=\"divScrollTextCont\">
<div id=\"divText\">
                    her
</div>
</div>

Virker perfekt.

Tak til dig Kjoller!

np :o)