Revision: 22848
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at January 24, 2010 11:52 by rccc
Initial Code
<html>
<head>
<title></title>
<meta content="">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.js"></script>
<script type="text/javascript">
$(function(){
var sc = {};
sc.container = jQuery(".news-container");
sc.items = $("#newslist li");
sc.cle = 1;
sc.timer = null;
sc.scrollTimed = function(){
sc.container.scrollTo(sc.items[sc.cle], 600);
sc.cle == sc.items.length -1 ? sc.cle = 0 : sc.cle++;
};
sc.start = function(){
sc.timer = setInterval(function(){sc.scrollTimed()}, 2000);
};
sc.stop = function(){
clearInterval(sc.timer);
};
sc.container.mouseover(function(){sc.stop();}).mouseout(function(){sc.start()});
sc.start();
});
</script>
<style>
.news-container{ height: 195px; overflow: hidden; width: 351px;}
</style>
</head>
<body>
<div class="news-container">
<ul id="newslist" class="news_list">
<li>
<h3><a href="/news/show/id/12">Ouverture du site web</a></h3>
<p>Mise en ligne du site internet www.orchestre-symphonique-orleans.com</p>
</li>
<li>
<h3><a href="/news/show/id/14">Ouverture de la saison</a></h3>
<p>Ouverture de la saison « les 9e Symphonies à Orléans… »</p>
</li>
<li>
<h3><a href="/news/show/id/16">Conférence sur les 9e Symphonies</a></h3>
<p>Réalisé par Gildas Harnois vendredi 5 mars 2010 à 18h au Forum de la Fnac – entrée libre.</p>
</li>
<li>
<h3><a href="/news/show/id/67">Concert à Saint-Malo</a></h3>
<p>L’orchestre Symphonique d’Orléans en concert à l’Auditorium du Grand Large de St Malo le vendredi 30 avril 2010 à 20h30</p>
</li>
<li>
<h3><a href="/news/show/id/71">Concerts complets</a></h3>
<p>Les 9 et 10 janvier, les concerts seront donnés à guichets fermés</p>
</li>
</ul>
</div>
</body>
</html>
Initial URL
Initial Description
Initial Title
scrollTo example
Initial Tags
jquery
Initial Language
HTML