很實用的一款liMarquee演示12種不同的無縫滾動效果 線上預覽 下載地址 實例代碼 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>liMarquee演示12種不同的無縫滾動效果-預設效果_suc ...
很實用的一款liMarquee演示12種不同的無縫滾動效果
實例代碼
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>liMarquee演示12種不同的無縫滾動效果-預設效果_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>預設效果</h1>
<div class="sucaihuo">
<a href="#">jquery霓虹燈轉盤加抽獎提示彈出層</a>
<a href="#">jQuery大風車轉盤轉起來</a>
<a href="#">jQuery抽獎轉盤停不下來</a>
<a href="#">jQuery手機幸運大轉盤抽獎</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、向右滾動</a>
<a href="index3.html">3、向上滾動</a>
<a href="index4.html">4、向下滾動</a>
<a href="index5.html">5、滾動速度</a>
<a href="index6.html">6、非無縫滾動</a>
<a href="index7.html">7、禁止拖動</a>
<a href="index8.html">8、內容不足不滾動</a>
<a href="index9.html">9、滑鼠懸停不暫停</a>
<a href="index10.html">10、反向</a>
<a href="index11.html">11、自定義事件</a>
<a href="index12.html">12、圖片演示</a>
</div>
</body>
</html>
