Solicitar código fuente para efectos JavaScript

lt;html xmlns="http://www.w3.org/1999/xhtml"gt;

lt;headgt;

lt;meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" /gt;

lt;titlegt;testlt;/titlegt;

lt;script language="javascript" type="text/javascript" gt;

var scrollFun = función (dir) {

var box = documento

var box = document.getElementById("box");

var con = document.getElementById("con");

var boxWidth = box. offsetWidth;

var conWidth = con.offsetWidth;

var left = con.style.left.replace("px", "");

if (dir == == "izquierda") {

if (left lt; = boxWidth - conWidth) {

return

}

con.style.left = (izquierda - 40)izquierda = (izquierda - 40) "px"

}

else if ( dir === "derecha; " ) {

if (left === 0) {

return;

}

con.style.left = ( izquierda 40) "px";

}

};

ventana.onload = scrollFun

lt;/scriptgt;

p>

lt; estilo tipo="text/css"gt;

.box{ borde: 1px rojo sólido; ancho: 40px alto: 50px.con{ posición; : absoluto; arriba: 20px; espacio en blanco: nowrap;}

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt; tipo de entrada="botón" onclick="scrollFun('left')" valor="izquierda" /gt

lt;

nclick="scrollFun('right')" value="right" /gt;

lt;div id="box" class="box"gt;

lt;div id="con" class="con" gt;scroll1 desplazamiento2 desplazamiento3 desplazamiento4 desplazamiento5 desplazamiento6 desplazamiento7 desplazamiento8 desplazamiento9 lt;/divgt;

lt;/divgt;

lt;/bodygt;

lt;/htmlgt;