A very practical liMarquee demonstrates 12 different seamless scrolling effects
example code
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>liMarquee demonstrates 12 different seamless scrolling effects - default effect_sucaihuo</title>
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.sucaihuo { width: 800px; margin: 150px auto; font-size: 14px;}
.sucaihuo a { margin: 0 15px; color: #333; text-decoration: none;}
.sucaihuo a:hover { text-decoration: underline;}
</style>
</head>
<body>
<h1>Default effect</h1>
<div class="sucaihuo">
<a href="#">jquery neon turntable plus lottery prompt pop-up layer</a>
<a href="#">jQuery windmill turntable spins up</a>
<a href="#">jQuery raffle wheel won't stop</a>
<a href="#">jQuery Mobile Lucky Wheel Draw</a>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function() {
$('.sucaihuo').liMarquee();
});
</script>
<div class="menu">
<a class="cur" href="index.html">1、默认效果</a>
<a href="index2.html">2, scroll right</a>
<a href="index3.html">3. Scroll up</a>
<a href="index4.html">4. Scroll down</a>
<a href="index5.html">5. Scrolling speed</a>
<a href="index6.html">6. Non-seamless scrolling</a>
<a href="index7.html">7. No dragging</a>
<a href="index8.html">8. No scrolling due to insufficient content</a>
<a href="index9.html">9, mouseover does not pause</a>
<a href="index10.html">10、反向</a>
<a href="index11.html">11. Custom events</a>
<a href="index12.html">12. Picture demo</a>
</div>
</body>
</html>