Php . Asp . MySql . Visual Basic . VideoTutoriales . Códigos . Descargas . Foro

Cesarcancino.com

VideoTutoriales, códigos y algo más.....

"Aprender, Aprender y Nunca Practicar, es como Arar, Arar pero NUNCA SEMBRAR. "


JS
Nov
30

Scroll en Div con Javascript

Martes 30 de Noviembre de 2010
Publicado por César Cancino


Este es un script que nos permitirá trabajar un sencillo pero eficiente efecto de scroll de texto para nuestro sitio web. Muy útil para por ejemplo crear un widget de noticias, un teletipo, o algún contenido cuyo largo exceda el espacio físico que tenemos para mostrarlo en nuestro diseño. Se adjunta la libreria scroll.js que es necesaria para que funcione. Demás está decir que este script ha sido probado en todos los navegadores y funciona sin problemas.

A continuación les muestro una sencilla manera de implementarlo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Scroll en Div con JavaScript</title>
<script type="text/javascript" src="scroll.js"></script>
<script type="text/javascript">
registraScroll(
'flechaAbajo',
'flechaArriba',
'listaNovedades',
1,
-1
);

</script>

<style type="text/css">
.scroll
{
width:500px; height:150px; overflow:hidden; border:1px solid #000000;
}

.flecha
{
cursor:pointer;
}
</style>
</head>

<body>
<!--************************Div donde va el texto del scroll*****************************-->
<div id="listaNovedades" class="scroll">
TERRITORIAL INTEGRADO, REGIÓN METROPOLITANA, PTI A este lanzamiento asistieron la nueva encargada de la Oficina Agrícola la Sra. Mónica Becerra V. el encargado de Microempresas Sr.Jorge Boher, un integrante del equipo técnico de Prodesal, Sr. Ramón Tapia T. y agricultores de Colina.
<br>
<br>
Este programa utilizará toda la gama de herramientas de CORFO y de otras instituciones de fomento públicas y privadas para fortalecer la fruticultura y horticultura de la Región Metropolitana en las provincias de Chacabuco, Melipilla y Maipo. <br>
</div>
<!--*************************fin div donde va el texto del scroll****************************-->
<br><br>
<!--***************************flechas o botones**************************-->
<div id="flechas">
<span id="flechaArriba" class="flecha">Arriba</span>
<br>
<span id="flechaAbajo" class="flecha">Abajo</span>
</div>
<!--********************fin flechas o botones*********************************-->
</body>
</html>



DEMO
Categoría: Javascript








Hay 5 comentarios.

  1. Diego Fernando Mora desde Colombia Dice:

    Hola, he creado un modulo para joomla con el codigo que muestran a continuación, pero no me sirve en explorer en firefox y chrome. Me pueden decir que puede estar pasando. Gracias Diego Fernando Mora

  2. marcelo desde Chile Dice:

    wenisimo!!

  3. truman_truman desde Dice:

    Encontré este que es más facil, espero que surva, saludos: contenido aquí

  4. Elsa Angamarca desde Ecuador Dice:

    Gracias por tus videos

  5. Jairo Acosta desde Colombia Dice:

    César, hay ulaguna forma de hacer esto pero con imágenes? podrías indicar como hacerlo?

Categorías

PHP y MySQL trabajados con programación estructurada

PHP y MySQL

PHP y MySQL trabajados con programación estructurada

PHP y MySQL trabajados con programación orientada a objetos

PHP Orientado a Objetos

PHP y MySQL trabajados con programación orientada a objetos

Videotutoriales sobre ASP y SQL Server

ASP

Videotutoriales sobre ASP y SQL Server

Videotutoriales de Visual Basic .net

Visual Basic .NET

Videotutoriales de Visual Basic .net

VideoTutoriales de Jquery, la excelent librería de javascript

Jquery

VideoTutoriales de Jquery, la excelent librería de javascript

Script y VideoTutoriales sobre Javascript

Javascript

Script y VideoTutoriales sobre Javascript

Script y VideoTutoriales sobre Maquetación HTML y CSS

HTML Y CSS

Script y VideoTutoriales sobre Maquetación HTML y CSS

Videotutoriales sobre programación de mircrocontroladores PIC

Programación de PIC

Videotutoriales sobre programación de mircrocontroladores PIC

Charlas, Conferencias y Talleres online sobre temas Web.

Charlas, Conferencias y Talleres

Charlas, Conferencias y Talleres online sobre temas Web.

Videotutoriales sobre Adobe Flash Professional

Adobe Flash Professional

Videotutoriales sobre Adobe Flash Professional

VideoTutoriales sobre el Framework Codeigniter

Codeigniter

VideoTutoriales sobre el Framework Codeigniter

Acá se irán publicando todos los videos con los que los alumnos han ido participando en los distintos concursos que hemos desarrollado.

Concursos

Acá se irán publicando todos los videos con los que los alumnos han ido participando en los distintos concursos que hemos desarrollado.

Información y Videotutoriales sobre Seguridad informática

Seguridad

Información y Videotutoriales sobre Seguridad informática

VideoTutoriales sobre Adobe Dreamweaver

Dreamweaver

VideoTutoriales sobre Adobe Dreamweaver

Videotutoriales sobre Search Engine Optimization SEO

SEO

Videotutoriales sobre Search Engine Optimization SEO

VideoTutoriales sobre Modelado Vehículo en Blender

Blender

VideoTutoriales sobre Modelado Vehículo en Blender

Videotutoriales sobre el Lenguaje de programación Python

Python

Videotutoriales sobre el Lenguaje de programación Python

VideoTutoriales y Ejemplos sobre el trabajo con el Framework CakePHP

CakePHP

VideoTutoriales y Ejemplos sobre el trabajo con el Framework CakePHP

VideoTutoriales sobre el lenguaje de programación Java

Java

VideoTutoriales sobre el lenguaje de programación Java

VideoTutoriales sobre ASP.NET, trabajados con Visual Studio y C#.

ASP.NET

VideoTutoriales sobre ASP.NET, trabajados con Visual Studio y C#.

VideoTutoriales sobre Programación de Móbiles en Android.

Android

VideoTutoriales sobre Programación de Móbiles en Android.

VideoTutoriales del Gestor de Bases de Dato MySQL

Mysql

VideoTutoriales del Gestor de Bases de Dato MySQL

Preguntas que nos permiten ir conociendo a los alumnos del sitio, y saber de sus gustos, tendencias, gustos y opiniones.

Pregunta de la Semana

Preguntas que nos permiten ir conociendo a los alumnos del sitio, y saber de sus gustos, tendencias, gustos y opiniones.

VideoTutoriales sobre el Lenguaje de Programación PERL

Perl

VideoTutoriales sobre el Lenguaje de Programación PERL

VideoTutoriales sobre el CMS Joomla

Joomla

VideoTutoriales sobre el CMS Joomla

VideoTutoriales sobre MatLab ( MATrix LABoratory )

MatLab

VideoTutoriales sobre MatLab ( MATrix LABoratory )

VideoTutoriales sobre temas relacionados con lógica de Programación

Lógica de Programación

VideoTutoriales sobre temas relacionados con lógica de Programación

VideoTutoriales sobre el trabajo con Action Script

Action Script

VideoTutoriales sobre el trabajo con Action Script

VideoTutoriales sobre el Trabajo con el CMS Open Source Drupal

Drupal

VideoTutoriales sobre el Trabajo con el CMS Open Source Drupal

VideoTutoriales sobre el sistema de mensajería Open Source OpenFire

OpenFire

VideoTutoriales sobre el sistema de mensajería Open Source OpenFire

VideoTutoriales sobre la Api de facebook

Api de Facebook

VideoTutoriales sobre la Api de facebook

VideoTutoriales sobre el Lenguaje Delphi

Delphi

VideoTutoriales sobre el Lenguaje Delphi

VideoTutoriales sobre Cinema 4D

Cinema 4D

VideoTutoriales sobre Cinema 4D

VideoTutoriales sobre Macromedia Freehand

Freehand

VideoTutoriales sobre Macromedia Freehand

Noticias y/o artículos de interés relacionados con la web en general y el desarrollo

Noticias

Noticias y/o artículos de interés relacionados con la web en general y el desarrollo

VideoTutoriales sobre el CMS WordPress

WordPress

VideoTutoriales sobre el CMS WordPress

VideoTutoriales sobre Open Office

Open Office

VideoTutoriales sobre Open Office

VideoTutoriales sobre el Sistema Opertivo Linux

Linux

VideoTutoriales sobre el Sistema Opertivo Linux

Acá se muestran los saludos y/ o comentarios de los alumnos de esta comunidad.

Saludos

Acá se muestran los saludos y/ o comentarios de los alumnos de esta comunidad.

Acá veremos temas avanzados cómo MVC, seguridad, etc etc.

Taller Práctico de PHP y MySQL

Acá veremos temas avanzados cómo MVC, seguridad, etc etc.

VideoTutoriales sobre el Framework Ruby on Rails

Ruby on Rails

VideoTutoriales sobre el Framework Ruby on Rails

VideoTutoriales y Contenidos sobre HTML 5

HTML 5

VideoTutoriales y Contenidos sobre HTML 5

VideoTutoriales sobre el CMS Umbraco realizado en ambiente .NET

Umbraco CMS

VideoTutoriales sobre el CMS Umbraco realizado en ambiente .NET

VideoTutoriales sobre LibreOffice y sus herramientas Writer, Calc, impress, draw, Base y Math.

Libre Office

VideoTutoriales sobre LibreOffice y sus herramientas Writer, Calc, impress, draw, Base y Math.

Acá podrás ir viendo los videos de las clases de Capa8.TV

Capa8.TV

Acá podrás ir viendo los videos de las clases de Capa8.TV

VideoTutoriales sobre las herramientas de Google

Google

VideoTutoriales sobre las herramientas de Google

VideoTutoriales sobre Telemática y Redes de computadoras

Telemática

VideoTutoriales sobre Telemática y Redes de computadoras

VideoTutoriales sobre la API de Google Maps

Api de Google Maps

VideoTutoriales sobre la API de Google Maps

VideoTuoriales sobre el uso de GitHub para control de versiones

GitHub

VideoTuoriales sobre el uso de GitHub para control de versiones

VideoTutoriales sobre Programación de VideoJuegos

Juegos

VideoTutoriales sobre Programación de VideoJuegos

VideoTutoriales sobre Microsoft Office.

Microsoft Office

VideoTutoriales sobre Microsoft Office.

VideoTutoriales sobre PostGreSQL

PostGreSQL

VideoTutoriales sobre PostGreSQL

VideoTutoriales sobre este CMS para aulas virtuals

Moodle

VideoTutoriales sobre este CMS para aulas virtuals

VideoTutoriales y Artículos sobre Marketing Digital

Marketing Digital

VideoTutoriales y Artículos sobre Marketing Digital

VideoTutoriales sobre Diseño Gráfico y Photoshop

Photoshop

VideoTutoriales sobre Diseño Gráfico y Photoshop

VideoTutoriales sobre el trabajo y desarrollo en ambiente Windows

Windows

VideoTutoriales sobre el trabajo y desarrollo en ambiente Windows

VideoTutoriales sobre Zend Framework

Zend Framework

VideoTutoriales sobre Zend Framework