Selecionar tudo

<font face="Arial, Helvetica, sans-serif" size="2"><ilayer name="scroll1" width=170 height=150 clip="0,0,170,150"> <layer name="scroll2" width=170 height=150 bgColor="lightyellow"> <div id="scroll3" style="width:170px;height:150px;background-color:lightyellow;overflow:scroll"> <big>E</big>ste é um script que permite à você compactar qualquer conteúdo e colocá-lo em uma mini "janela" rolante. Obrigado por utilizá-lo. Obrigado por acessar o b-log.net! </div> </layer> </ilayer> <script> /*********************************************** * Scrollable content Script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var nsstyle='display:""' if (document.layers) var scrolldoc=document.scroll1.document.scroll2 function up(){ if (!document.layers) return if (scrolldoc.top<0) scrolldoc.top+=10 temp2=setTimeout("up()",50) } function down(){ if (!document.layers) return if (scrolldoc.top-150>=scrolldoc.document.height*-1) scrolldoc.top-=10 temp=setTimeout("down()",50) } function clearup(){ if (window.temp2) clearInterval(temp2) } function cleardown(){ if (window.temp) clearInterval(temp) } </script> <br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()" onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#" onMousedown="down()" onMouseup="cleardown()" onClick="return false" onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>

Configurando o script: A largura da janela é representada pelo valor 170, e a altura, 150. Para alterar as dimensões, troque TODOS os exemplos de 170 para outro valor, e o mesmo para 150 (apenas use o comando buscar e substituir). Você também pode dar à janela uma cor de plano de fundo diferente. Para isso, basta mudar o "yellow" para outro nome de cor (obs: deve ser em inglês). Dica: procure em nossa tabela de cores.

Demonstração: