Cuadro de Noticias, Informa..

Marcofbb Noticias y Artículos Webmasters

HomeNoticiasArtículosGuíasArchivoContacto

Buscar

Cuadro de noticias, información

17/12/20107:42 pmmarcofbb

Fuente: http://todobanners.com/jquery-feature-list_130Demo: http://jqueryglobe.com/labs/feature_list/

<script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type=text/javascript src="http://jqueryglobe.com/labs/feature_list/jquery.featureList-1.0.0.js"></script><style type=text/css> h3 { margin: 0; padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase; } div#feature_list { width: 750px; height: 240px; overflow: hidden; position: relative; } div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; } ul#tabs { left: 0; z-index: 2; width: 320px; } ul#tabs li { font-size: 12px; font-family: Arial; } ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; } ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; }

Cuadro de noticias, información | Marcofbb http://www.marcofbb.com.ar/cuadro-de-noticias-informacion/

1 de 4 28/07/2011 09:34 p.m.

ul#tabs li a:hover { text-decoration: underline; } ul#tabs li a.current { background: url('feature-tab-current.png'); color: #FFF; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } ul#output { right: 0; width: 463px; height: 240px; position: relative; } ul#output li { position: absolute; width: 463px; height: 240px; } ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; -moz-border-radius: 5px; } ul#output li a:hover { background: #D33431; } </style> <script language=javascript> $(document).ready(function() { $.featureList( $("#tabs li a"), $("#output li"), { start_item : 1 } ); /* // Alternative $('#tabs li a').featureList({ output :'#output li', start_item :1 }); */ }); </script>

Texto donde quieras que aparesca el cuadro de noticias

<h3>Programacion</h3> <span>Lorem ipsum dolor sit amet consect</span> <li> <a href="javascript:;"> <img src="icono3.gif"/><h3>Aplicaciones</h3> <span>Lorem ipsum dolor sit amet consect</span> </a></li> <ul id=output><li> <img src="imagen1.jpg"/> <a href="/linkdeelarticulo1.htm">Ir a la pagina</a> </li><li> <img src="imagen2.jpg"/> <a href="/linkdeelarticulo2.htm">Ir a la pagina</a> </li><li>


2 de 4 28/07/2011 09:34 p.m.

Notifícame cuando haya nuevos comentarios en este artículo

<img src="imagen3.jpg"/> <a href="/linkdeelarticulo3.htm">Ir a la pagina</a> </li></ul>

Posts Relacionados

Sistema de comentarios con PHP y jQueryAbrimos un foroMenú de login despegableFacebook cumplio 7 añosEnviar formularios sin recargar la página

jQuery1 comentario

Total de Comentarios: 1

Bitacoras.com17/12/20107:45 pm

Información Bitacoras.com…

Valora en Bitacoras.com: Fuente: http://todobanners.c Demo: http://jqueryglobe.c Texto donde quieras que aparesca el cuadro de noticiasProgramacion Lorem ipsum dolor sit amet consect Apli……

Enviar Comentario

Nombre: (*)

Mail: (*)

Website:

Comentario:

Enviar Comentario

Suscripción

Artículos Populares

Url amigables con .htaccessScript de música online phpScript buscador de música goearUpload de imágenesAprender PHP de una manera fácil

0 0 0 0 0 0 0 1 0


3 de 4 28/07/2011 09:34 p.m.

Sistema de usuarios PHP y MySQLCumplimos 2 añosRegistrarse y subir archivos 000webhostSistema de usuarios v2 PHP y MySQL[código javascript] Publicar en Twitter

Categorías

AdSense (2)AJAX (4)CorelDraw (1)CSS (6)Delphi (1)Flash (1)General (3)GIMP (7)htaccess (2)HTML (10)Internet (24)Javascript (4)jQuery (10)Json (3)Mootools (1)MySQL (10)PhotoFiltre (1)Photoshop (5)PHP (66)PWG (10)SEO (2)Tecnología (2)Tips (16)Visual Basic (5)

Suscripción

Si desea recibir actualizaciones de este blog, por favor ingrese su dirección Email.

© 2008-2011 Marcofbb - Todos los derechos reservados - Powered by WordPress - Estilo en base de Unijimpe

Consumo de PHP: 37.98MB. | Base de datos: 17 consultas. | Tiempo de carga: 0,592 segundos.


4 de 4 28/07/2011 09:34 p.m.

Cuadro de Noticias, Informa..

Documents

Transcript of Cuadro de Noticias, Informa..