Ad Rotation de Texto usando jQuery
Publicado por: Eder Oscar Lázaro Rodriguez (edoswit)En este post veremos cómo rotar los anuncios de vínculos o enlaces web. Voy a utilizar el Cycle Plug-in para este propósito, ya que realiza esta tarea en una sola línea de código.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ad Rotation de Texto usando jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" />
<script type="text/javascript" ="Scripts/jquery.cycle.all.min.js" />
<script type="text/javascript">
$(document).ready(function() {
$('#Links').cycle('fade');
});
</script>
<style type="text/css">
body
{
font-size:13px;
font-family:"Lucida Grande";
color:#444444;
}
</style>
</head>
<body>
<div id="Links">
<a href="http://www.edoswit.qsh.es">.NET Articles</a>
<a href="http://www.sqlservercurry.com">SQL Server Tips</a>
<a href="http://saffronstroke.com">Expression Web Tips</a>
</div>
</body>
</html>
Nota: Para girar hipervínculos en ASP.NET, tan solo es cambiar los enlaces HTML con el texto siguiente:
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://jquery.com">jQuery</asp:HyperLink>
No hay necesidad de cambiar cualquier otro código ya que este control asp.net se representa como <a href=””…
Puede ver una demostración original del ejemplo dado. Gira el vínculo después de cada pocos segundos.