<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery无缝滚动插件liMarquee演示-向上滚动_dowebok</title>
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.dowebok { width: 790px; height: 200px; margin: 100px auto; font-size: 14px;}
.dowebok ul { margin: 0; line-height: 30px;}
.dowebok a { color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}
</style>
</head>
<body>
<h1>向上滚动</h1>
<div class="dowebok">
<ul>
<li>
<a href="http://www.dowebok.com/187.html">Smoothslides – 可平移的jQuery幻灯片插件</a>
</li>
<li>
<a href="http://www.dowebok.com/77.html">jQuery全屏滚动插件fullPage.js</a>
</li>
<li>
<a href="http://www.dowebok.com/131.html">WOW.js – 让页面滚动更有趣</a>
</li>
<li>
<a href="http://www.dowebok.com/139.html">让IE7 IE8支持CSS3 background-size属性</a>
</li>
<li>
<a href="http://www.dowebok.com/117.html">shCircleLoader – jQuery Loading效果插件</a>
</li>
<li>
<a href="http://www.dowebok.com/185.html">jQuery cForm – jQuery表单美化插件</a>
</li>
<li>
<a href="http://www.dowebok.com/177.html">Quttons – Quantum Paper风格按钮</a>
</li>
<li>
<a href="http://www.dowebok.com/173.html">Ideal Image Slider – 简单的纯JS幻灯片</a>
</li>
<li>
<a href="http://www.dowebok.com/156.html">evenZoom – jQuery放大镜插件</a>
</li>
<li>
<a href="http://www.dowebok.com/155.html">DAD – jQuery拖拽/拖放插件</a>
</li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function(){
$('.dowebok').liMarquee({
direction: 'up'
});
});
</script>
</body>
</html>