<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vTicker</title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<style type="text/css" media="all">
body,html
{
padding: 0;
margin: 0;
}
body
{
background: #cccccc;
}
#news-container
{
width: 400px;
margin: auto;
margin-top: 30px;
border: 5px solid #333333;
}
#news-container ul li div
{
border: 1px solid #aaaaaa;
background: #ffffff;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.vticker-min.js"></script>
<script type="text/javascript">
$(function(){
$('#news-container').vTicker({
speed: 500,
pause: 3000,
animation: 'fade',
mousePause: false,
showItems: 3
});
});
</script>
</head>
<body>
<div id="news-container">
<ul>
<li>
<div>
1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info
</div>
</li>
<li>
<div>
2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info
</div>
</li>
<li>
<div>
3) Lorem ipsum dolor sit amet more info more info more info more info
</div>
</li>
<li>
<div>
4) jugbit.com jquery vticker more info more info more info more info more info
</div>
</li>
</ul>
</div>
</body>
</html>